rowspan 动态变化_使用colspan和rowspan动态删除html表中的多个列

好的，您的代码中的一个问题是，您删除了当前正在使用for进行迭代的单元格。我改变了你的第一个循环来完成所有反向：for (var i = (rows[0].cells.length -1); i >= 0; i--)，从后到前...所以没有索引在删除时发生变化。

第二个问题是你的内部for循环。使用第一个for循环迭代3列并在内循环中假设每行具有相同数量的cols，但事实并非如此。我更改了代码，如果单元格的colspan大于1，则减少colspan，否则删除单元格。

完整的已更新代码为：

var countColumns = function(table) {

if (!table || !table.tagName || table.tagName != 'TABLE') { throw new Error("The parameter 'table' must be a

var maxColumnsCount = 0;

for (var i = 0; i < table.rows.length; i++) {

maxColumnsCount = Math.max(table.rows[i].cells.length, maxColumnsCount);

}

return maxColumnsCount;

};

var table = document.getElementById('Just_for_california');

var rows = table.rows;

for (var i = (countColumns(table) -1); i >= 0; i--)

{

var str = '';

var cellToDelete = [];

if (rows[0].cells[i] != undefined) {

str = rows[0].cells[i].innerHTML;

cellToDelete.push(i);

} else if (rows[0].cells[i -1].colSpan > 1) {

str = rows[0].cells[i -1].innerHTML;

cellToDelete.push(i -1);

cellToDelete.push(i);

}

if (str.search("") != -1) {

for (var j = 0; j < rows.length; j++)

{

for (var k = 0; k < cellToDelete.length; k++) {

if (rows[j].cells[cellToDelete[k]] != undefined) {

if (rows[j].cells[cellToDelete[k]].colSpan > 1) {

rows[j].cells[cellToDelete[k]].colSpan -= 1;

} else {

rows[j].deleteCell(cellToDelete[k]);

}

}

}

}

}

}