HTML DOM Element 子元素
描述
children 属性返回元素的所有子元素的集合。
children 属性返回一个 HTMLCollection 对象。
另请参阅
HTML 节点与元素
在 **HTML DOM**（文档对象模型）中，HTML 文档是具有（或不具有）子节点的节点集合。
**节点**是元素节点、文本节点和注释节点。
元素之间的空白符也是文本节点。
元素仅指元素节点。
childNodes 与 children
childNodes 返回子节点（元素节点、文本节点和注释节点）。
children 返回子元素（不包括文本和注释节点）。
兄弟节点与元素兄弟节点
**兄弟节点**是“兄弟姐妹”。
**兄弟节点**是具有相同父节点（在相同的 **childNodes** 列表中）的节点。
**元素兄弟节点**是具有相同父节点（在相同的 **children** 列表中）的元素。
语法
元素.children
返回值
| 类型 | 描述 |
| 对象 | 一个 HTMLCollection 对象。 元素节点的集合。 元素按其在文档中出现的顺序排序。 |
更多示例
更改 "myDIV" 的第二个子元素的背景
const collection = document.getElementById("myDIV").children;
collection[1].style.backgroundColor = "yellow";
自己动手试一试 »
获取 <select> 元素的第三个子元素（索引为 2）的文本
const collection = document.getElementById("mySelect").children[2].text;
自己动手试一试 »
遍历 <body> 的所有子元素并更改其背景
const collection = document.body.children;
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
自己动手试一试 »
浏览器支持
element.children 是 DOM Level 1 (1998) 的一个特性。
所有浏览器都完全支持。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
