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>则应该有效：

＆＃13;

＆＃13;

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>';

＆＃13;

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

＆＃13;

<table id="listreceipts">

</table>

＆＃13;

＆＃13;

＆＃13;

因此，您需要添加+=而不是=。如果浏览器很好地解析了 innnedHTML 代码，它就会起作用;