HTML DOM children 屬性

實例

獲取 body 元素的子元素集合：

var c = document.body.children;

children 屬性返回元素的子元素的集合，是一個 HTMLCollection 對象。

提示: 根據(jù)子元素在元素中出現(xiàn)的先后順序進行排序。使用 HTMLCollection對象的 length屬性獲取子元素的數(shù)量，然后使用序列號(index，起始值為0)訪問每個子元素。

children 屬性與 childNodes 屬性的差別：

屬性
children	2.0	9.0*	3.5	4.0	10.0

注：IE6 到 IE8 完全支持 children 屬性，但是，返回元素節(jié)點和注釋節(jié)點，IE9 以上版本只返回元素節(jié)點。

element.children

返回值：	HTMLCollection 對象，表示一個元素節(jié)點的集合，元素在集合中的順序是在源碼中的順序。
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"; }

其他擴展

上一篇：HTML DOM childNodes 屬性下一篇：HTML DOM classList 屬性