Javascript中的innerHTML问题[关闭]

Question

我的代码中有关于 innerHTML 的问题。它似乎无法识别 HTML 标签并仅打印数据。

这是一行

document.querySelector('#listreceipts').innerHTML = '<tr><td>' + grower + '</td><td>' + receipt + '</td><td>' + amnt + '</td><td>' + pdate + '</td></tr>';

我可能会错过什么？

Answer 1

如果 #listreceipts 是 <table>、<thead>、<tbody> 或 <tfoot>，它应该可以工作：

var grower = 1;
var receipt = 2;
var amnt = 3;
var pdate = 4;

document.querySelector('#listreceipts').innerHTML += '<tr><td>' + grower + '</td><td>' + receipt + '</td><td>' + amnt + '</td><td>' + pdate + '</td></tr>';

table, th, td {
    border: 1px solid black;
}

<table id="listreceipts">

</table>

所以你需要添加+= 而不是=。如果 innnedHTML 代码被浏览器很好地解析，它将起作用；