试图将 document.write 替换为 innerHTML，但它不起作用

Trying to replace document.write to a innerHTML but it doesn't work

本文关键字：innerHTML 不起作用 替换 document write      更新时间：2023-09-26

所以我正在为一个赋值制作代码，我必须使用输入变量制作一个 for 循环乘法表，我已经让表工作了，但我想专门将其输入到<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但是当我更改代码时，它不会在表中打印信息，所以我正在寻找帮助和建议，谢谢！

您可以初始化变量（在下面的示例中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;
相关文章：