Javascript 具有getElementsByTagName的2D数组？

我正在尝试使用getElementsByTagName方法访问javascript中的表单元格，如下所示。最终，我希望将数组中的每个单元格与另一个值进行比较，并能够根据比较结果更改该单元格的背景色

var cells = document.getElementById("myTable").getElementsByTagName("tr");
for (i = 0; i < cells.length; i++)
{
   cells[i] = cells[i].getElementsByTagName("td");
}

var cells=document.getElementById（“myTable”）.getElementsByTagName（“tr”）；
对于（i=0；i

---

但是，如果我尝试访问单元格[0][0]，它将返回undefined。我觉得我不完全理解getElementsByTagName在做什么。。。这种方法有希望吗？有更高效的吗？

使用jquery它会很简单：

var contentArray = new Array();



$('tr').each(function(indexParent) {
  contentArray['row'+indexParent] = new Array();
    $(this).children().each(function(indexChild) {
      contentArray['row'+indexParent]['col'+indexChild] = $(this).html();
    });
});

---

您需要为每一行执行类似的操作

var row = table.getElementsByTagName('tr')[rowIndex];
var cells = row.getElementsByTagName('td');

---

然后根据这些变量的内容构建数组。

使用此方法将表格单元格作为二维数组

var tableRows = (document.getElementById("myTable")).getElementsByTagName("tr");

var cells = [];
for(var i = 0; i < tableRows.length; i++) {
    cells.push(tableRows[i].getElementsByTagName("td"));
}

---

您可以使用table元素的属性和tr元素的

直接访问任何单元格。cells

属性：

var myCell = myTable.rows[y].cells[x];

无需构建自己的阵列

因此，不要使用返回一维数组的

.getElementsByTagName（）

。（实际上是节点列表，但只要记住它是活动的，就可以像数组一样使用它。）

如果您确实想在所有单元格中循环，以将它们与其他值进行比较，那么以下是如何使用

.rows

和

.cells

从左到右、从上到下进行比较：

var rows = document.getElementById("myTable").rows;
for (var y=0; y < rows.length; y++) {
   for (var x=0; x < rows[y].length; x++) {
      var cellAtXY = rows[y].cells[x];
      cellAtXY.someProperty = something; // your code here
   }
}

var rows=document.getElementById（“myTable”）.rows；
对于（变量y=0；y

在代码中的任何一点上，您都不会在单元格阵列上创建第二个维度。返回的是什么？“数组”不是正确答案。您还没有创建第二个维度。而且，它不会返回数组。它返回一个类似数组的对象。

var rows = document.getElementById("myTable").rows;
for (var y=0; y < rows.length; y++) {
   for (var x=0; x < rows[y].length; x++) {
      var cellAtXY = rows[y].cells[x];
      cellAtXY.someProperty = something; // your code here
   }
}