Element: children 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

只读的 children 属性返回一个实时 HTMLCollection,其中包含在调用它的元素上的所有子 elements

Element.children 只包含元素节点。要获取所有子节点,包括文本节点和注释节点等非元素节点,请使用 Node.childNodes

一个 HTMLCollection,它是一个实时的、有序的 DOM 元素集合,这些元素是 node 的子元素。您可以通过集合上的 item() 方法,或通过使用 JavaScript 数组样式表示法来访问集合中的单个子节点。

如果元素没有元素子节点,则 children 是一个长度为 0 的空列表。

示例

js
const myElement = document.getElementById("foo");
for (const child of myElement.children) {
  console.log(child.tagName);
}

规范

规范
DOM
# ref-for-dom-parentnode-children①

浏览器兼容性

另见