如何在没有 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 和朋友创建单元格。