HTML DOM children 屬性
元素對象實例
獲取 body 元素的子元素集合：
var c = document.body.children;
定義和用法
children 屬性返回元素的子元素的集合，是一個 HTMLCollection 對象。
提示: 根據子元素在元素中出現的先後順序進行排序。使用 HTMLCollection對象的 length屬性獲取子元素的數量，然後使用序列號(index，起始值為0)訪問每個子元素。
children 屬性與 childNodes 屬性的差別：
- childNodes 屬性返回所有的節點，包括文本節點、注釋節點；
- children 屬性只返回元素節點；
流覽器支持
| 屬性 | |||||
|---|---|---|---|---|---|
| children | 2.0 | 9.0* | 3.5 | 4.0 | 10.0 |
注：IE6 到 IE8 完全支持 children 屬性，但是，返回元素節點和注釋節點，IE9 以上版本只返回元素節點。
語法
element.children
技術細節
| 返回值： | HTMLCollection 對象，表示一個元素節點的集合，元素在集合中的順序是在源碼中的順序。 |
|---|---|
| DOM 版本 | DOM 1 |
更多實例
實例
查看 div 有幾個子元素：
var c = document.getElementById("myDIV").children.length;
實例
修改 div 元素第二個子元素的背景顏色：
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
實例
獲取 select 元素中第三個(索引為 2) 子元素的文本：
var c = document.getElementById("mySelect").children;
document.getElementById("demo").innerHTML = c[2].text;
實例
修改 body 元素所有子元素的背景顏色：
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundColor = "red";
}