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

Javascript 在表的特定列中插入单元格,javascript,dom,Javascript,Dom,我有一张有三张桌子的桌子 我正在尝试在第二列中插入单元格 我将insertCell函数放在如下位置: cell = row.insertCell(2); 但它不起作用 这是我的代码: 函数添加(){ j++; 计数++; var table=document.getElementById('table0'); var行=table.insertRow(-1); 单元格=行插入单元格(1); 文本=计数; cell.appendChild(document.createTextNode(tex

我有一张有三张桌子的桌子

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

我将insertCell函数放在如下位置:

cell = row.insertCell(2); 
但它不起作用

这是我的代码:

函数添加(){
j++;
计数++;
var table=document.getElementById('table0');
var行=table.insertRow(-1);
单元格=行插入单元格(1);
文本=计数;
cell.appendChild(document.createTextNode(text));
}
这是我的名片


有人能帮我吗?

我不清楚这是否是你想要做的,但希望很接近。单击按钮将在每次单击时向第二列添加一个新单元格:

(function () {
    var count = 1,
        add = function () {
            var table = document.getElementById('table0'),
                row = table.rows[0],
                cell = row.insertCell(1),
                text = count;
            cell.innerHTML = text;
            count++;
        };
    document.getElementsByTagName('button')[0].addEventListener('click', function () {
        add();
    });
    add();
}());

传递到
行的索引。插入单元格(索引)
必须小于或等于
行的单元格长度。在您的情况下,由于
是一个全新的行,
行.cells.length
0
,因此必须通过
0
-1

考虑一下表格的HTML。如何在第二列中为包含单个单元格的行编写HTML?你不能这么做!如果第二列中有单元格,则第一列中也必须有单元格

要在
表格
中创建第二列有单元格的新行,请执行以下操作:

var row = table.insertRow(-1);
var firstCell = row.insertCell(-1);
var secondCell = row.insertCell(-1);
要使其看起来在第一列中没有单元格,请使用CSS去除边框和使其看起来像单元格的任何其他样式:

firstCell.className = "empty";
.empty{
边界:0无;
}

您是想在现有行的第二列中插入单元格,还是想在那里添加新行并插入单元格?我想在第二列中添加新行并插入单元格谢谢您的重播。实际上,我想在第二行的“距离”列中添加单元格。