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 |
