javascript - insidehtml 无法在 Javascript 中工作

Question

我想使用 Javascript 将值插入到表中。它添加了行和所需的单元格，以及我想要添加的元素，但我想要通过 .innerHTML 插入值的单元格仍然为空。

这是我的代码。

        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var cell1 = row.insertCell(0);
        var element1 = document.createElement("input");
        element1.type = "checkbox";
        element1.name="chkbox[]";
        cell1.appendChild(element1);

        var cell2 = row.insertCell(1);
        cell2.innerHTML = rowCount + 1;

        var cell3 = row.insertCell(2);
        var element2 = document.createElement("input");
        element2.type = "text";
        element2.name = "txtbox[]";
        cell3.appendChild(element2);

cell2 仍然为空...有什么问题吗？

Answer 1

什么都没有。效果很好:

http://jsfiddle.net/jmorgan123/vB8PN/

我在 Windows 7 上的 Chrome 和 FF 中测试了它，并且都有效。

• 您确定事先设置了tableID吗？
• 如果设置 cell1 和 cell3，您的表格中是否存在少于 3 列的现有行？这可能会导致奇怪的行为。
• 我能想到的唯一其他可能性 - 而且不太可能 - 可能是 cell2 已在某处定义。 不应该有什么不同(变量应该重新分配)，但我不知道您使用的是什么浏览器，所以也许其中存在错误。它可能会被窒息，尽管它不应该。