javascript - 在表格的特定列中插入单元格

Question

我有一张有 3 个头的 table 。

我正在尝试在第二列中插入单元格。

我将 insertCell 函数如下:

cell = row.insertCell(2); 

但它不起作用。

这是我的代码:

function add() {
    j++;
    count++;
    var table = document.getElementById('table0');
    var row = table.insertRow(-1);
    cell = row.insertCell(1);
    text = count;
    cell.appendChild(document.createTextNode(text));


}

这是我的 JSFiddle code

有人可以帮助我吗？

Answer 1

传递给 row.insertCell(index) 的索引必须小于或等于 row.cells.length。在您的情况下，由于 row 是一个全新的行，因此 row.cells.length 为 0，因此您必须传递 0 或 -1。

考虑您的表格的 HTML。您将如何为第二列中包含单个单元格的行编写 HTML？你做不到!如果第二列中有一个单元格，那么第一列中也必须有一个单元格。

要在table中创建一个新行，并在第二列中创建一个单元格:

var row = table.insertRow(-1);
var firstCell = row.insertCell(-1);
var secondCell = row.insertCell(-1);

要使其具有第一列中没有单元格的外观，请使用 CSS 去掉边框和任何其他使其看起来像单元格的样式:

firstCell.className = "empty";

.empty {
    border: 0 none;
}

http://jsfiddle.net/54pmo8oy/14/