HTML DOM children 屬性

實(shí)例

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

var c = document.body.children;

children 屬性返回元素的子元素的集合，是一個(gè) HTMLCollection 對(duì)象。

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

children 屬性與 childNodes 屬性的差別：

屬性
children	2.0	9.0*	3.5	4.0	10.0

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

element.children

返回值：	HTMLCollection 對(duì)象，表示一個(gè)元素節(jié)點(diǎn)的集合，元素在集合中的順序是在源碼中的順序。
DOM 版本	DOM 1

查看 div 有幾個(gè)子元素：

var c = document.getElementById("myDIV").children.length;

修改 div 元素第二個(gè)子元素的背景顏色：

var c = document.getElementById("myDIV").children; c[1].style.backgroundColor = "yellow";

獲取 select 元素中第三個(gè)(索引為 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"; }

其他擴(kuò)展

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