如何通过索引选择表格单元格？

Question

我知道有一种方法可以访问顺序元素,但我不知道如何通过索引访问它们.有办法吗？

我正在寻找类似的东西:

document.getElementById('table1').cell[1]

Answer 1

要通过行中的行索引和单元索引访问单元格,您可以使用:

var rowIndex = 0;
var cellIndex = 1;
document.getElementById('table1').rows[rowIndex].cells[cellIndex];

这将访问第一行中的第二个单元格(索引1)(索引0)

如果您只想使用单元格索引(而不是跟踪行)并让它遍历每行中的单元格,则可以执行此操作,但前提是每行都具有相同数量的单元格.以下代码将访问表中的第四个单元格(索引3),无论它是在行0,1或3中; 只要每行具有相同数量的单元格:

var cellIndex = 3;
var table = document.getElementById('table1');
var num_columns = table.rows[0].cells.length;
var cell = table.rows[Math.floor(cellIndex/num_columns)].cells[cellIndex % num_columns];

Answer 2

表的.rows集合提供对行的访问。一行的.cells集合提供对该行单元格的访问。两者都使用从零开始的索引并有一个.length属性。所以：

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

alert(table.rows.length);                // number of rows
alert(table.rows[2].cells.length);       // number of cells in row 3

alert(table.rows[2].cells[5].innerHTML); // contents of 6th cell in 3rd row