Javascript探索元素的孩子[重复]

Posted 2023-03-05

【中文标题】Javascript探索元素的孩子[重复]

【英文标题】：Javascript Exploring an Element's Children [duplicate]

【发布时间】：2018-09-06 13:13:12

【问题描述】：

假设我有一个包含以下内容的元素：

我怎样才能在 javascript 中遍历所有这些孩子？

【问题讨论】：

How can I iterate through an Elements child nodes using Javascript? 或 How to select all children of an element with javascript and change CSS property? 可能重复

【参考方案1】：

遍历表似乎没有用，但在这里。请注意，我使用上面表格的类名来查找每一个。如果您的示例对每个表都有不同的类，这将不起作用。

var tables = document.getElementsByClassName("table");
var arr = new Array();

for (i = 0; i < tables .length; i++) 
    //do what you want here

如果您想使用表格中的行和单元格，您可能需要参考solution。

【讨论】：

我认为你不想使用document。 OP 正在询问特定元素

【参考方案2】：

使用 querySelectorAll（可以直接迭代，不像 htmlCollection 方法）：

document.querySelectorAll('table.table').forEach(table => 
  // do something with each table
);