嘗試將document.write替換爲innerHTML，但它不起作用

Question

因此，我爲代碼創建了一個賦值，其中我必須爲輸入變量創建一個循環乘法表。我已經獲取表的工作，但是我想要將其專門輸入到<div id='buffer'></div>而不僅僅是使用'document.write'。

var _buffer = document.getElementById('buffer'); 
var rows=prompt("enter rows"); 
var columns=prompt('enter columns'); 
document.write("<table border='1'>"); 
for (var a=1; a < rows ; a++) { 
    document.write("<tr>"); 
    for(var b=1; b< columns; b++) { 
     document.write("<td>"+a*b+"</td>"); 
    } 
    document.write("</tr>"); 
} 
document.write("</table>"); 

我想用一個_buffer.innerHTML代替document.write，但是當我改變了它的代碼不會打印在一個表中的信息，所以我一直在尋找幫助和建議的感謝！

Answer 1

可以初始化變量（t在下面的例子），並把所有的文本成字符串，然後將其分配給innerHTML：

var _buffer = document.getElementById('buffer'); 
var rows=prompt("enter rows"); 
var columns=prompt('enter columns'); 

var t = "<table border='1'>"; 
for (var a=1; a < rows ; a++) { 
    t = t + "<tr>"; 
    for(var b=1; b< columns; b++) { 
     t = t + "<td>"+a*b+"</td>"; 
    } 
    t = t + "</tr>"; 
} 
t = t + "</table>"; 

_buffer.innerHTML = t;