innerHTML在FF中起作用，但在IE7中不起作用

Question

var row = document.getElementById('my_id');
var newRow = row.parentNode.insertRow();
newRow.Id = myCounter;

var newCell2 = newRow.insertCell(0);
newCell2.innerHTML = 'some text';  

我正在尝试创建新行和该行中的新单元格。 上面的代码适用于FF，但不适用于IE。 我究竟做错了什么？

Answer 1

var newRow = row.parentNode.insertRow();

如果要附加到父项的末尾，则应为 insertRow(-1) 。

另外要注意：在parentNode一的row会是一个<tbody>即使你不包括<tbody>标签。 这是因为在HTML中， <tbody>被认为是可选的开始标记，如果在<tr>之前省略，则暗指。 如果您期望parentNode是<table> ，则可能会感到困惑。

（XHTML更明智地解析表。）

话虽如此，您的代码在IE（适用的标记和有效的myCounter ）中对我有效。 发布失败的测试用例？

Answer 2

没关系。 IE期望document.CreateElement（“ td”）（也适用于tr）。 我添加了它，并且有效。