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

时间:2016-02-06 17:17:52

标签: javascript html5

所以我正在为一个赋值编写代码,我必须用输入变量创建一个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,但是当我更改代码时,它不会在表格中打印信息,所以我正在寻求帮助和建议,谢谢!< / p>

1 个答案:

答案 0 :(得分:0)

您可以初始化变量(在下面的示例中为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;