Javascript:将行从其 HTML 动态添加到 IE 中的表时出现问题

Question

我查看了其他一些问题，例如 this one但他们没有解决这个特定问题:

当我在 IE (8) 中运行这段代码时:

$("<tr><td>1</td><td>A</td></tr>").appendTo("#myTable tbody"); 

我最终将这个 HTML 添加到表格的正文中:

<TR>
1</TD><//TD>
<TD>
</TD>
A</TD><//TD></TR><//TR>
</TR>

有什么想法吗？提前致谢。

Answer 1

您尝试做的事情真的很难正确完成。这是因为 <TR>元素在 <TABLE> 范围之外是无意义的.虽然解释您的意图对我们人类来说很容易，但 jQuery 很可能不够聪明，无法做到这一点，也无法做出正确的事情。

这里正确的事情应该是这样的:

var tbody = document.getElementById('myTable').getElementsByTagName('tbody')[0];
var row = document.createElement('tr');
tbody.appendChild(row);
var cell = document.createElement('td');
cell.innerHTML = '1';
row.appendChild(cell);
cell = document.createElement('td');
cell.innerHTML = 'A';
row.appendChild(cell);

诚然，您问题中的代码更加紧凑，但这并不意味着 jQuery 需要在幕后做更少的工作才能真正实现预期的结果。