如何在没有innerHTML的情况下编辑Internet Explorer 5中的表？

Question

我正在尝试制作条形码扫描仪，当某些产品不存在时我遇到问题它会创建一个带有JavaScript的新数组并将问题发送到该表。我的问题是我无法使用innerHTML

编辑表格

JavaScript功能：

var table = document.getElementById("listViewTable");
var tableF = document.getElementById("listTable");
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var td1 = document.createElement("td");

//row.innerHTML = '(A few <td> and an <input>)';

td1.innerHTML = '(More <td> and another <input>)';
row.appendChild(td1);
row.className = "tableCell newSKU";

我评论过的行row.innerhtml是我试图实现的，但是I.E不支持它。

这应该是最终结果：

黄色的最后一个产品不能放在同一张桌子上，因此与其他产品的风格不同。

Answer 1

来自ppk's guide to browser quirks：

  

在IE9中，低级innerHTML拒绝处理表和选择。通过使用纯DOM方法来解决这个问题。请参阅innerHTML发明人的表行为this explanation。我假设选择类似的东西。

使用createElement，appendChild和朋友来创建单元格。