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）。 我添加了它，並且有效。