尝试将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;