javascript - 为什么javascript直接关闭所有html标签

Question

我尝试通过 JavaScript 构建一些 html 代码。但不知何故，我打开的所有 html 标签都会被 javascript 直接关闭。我怎样才能改变这种行为？

JavaScript 示例:

function generateHTML() {
    var s='<table>';
    for(var i=0;i<max;i++) {
        s=s+'<tr><td>text</td></tr>';
    }
    s=s+'</table>';
    document.getElementById('tagID').innerHTML = s;
}

最终的 html 代码如下所示:

<table></table>
<tr><td>text</td></tr>
:
<tr><td>text</td></tr>
</table>

Answer 1

保存您最终编写/附加的 HTML，直到 for 循环结束。输出你的 HTML 更像这样:

var s = '<table>';
for(var i=0; i<max; i++) {
    s += '<tr><td>text</td></tr>'; // append to s
}
s += '</table>'; // append to s

console.log(s);

输出:

<table><tr><td>text</td></tr><tr><td>text</td></tr></table>

演示: JSBin