html5 getchildren,HTML DOM children用法及代码示例

DOM子元素属性用于返回指定元素的所有子元素的HTMLcollection。集合中的元素可以通过索引号访问。它与childNodes不同，因为childNodes包含所有节点(即，它也包含文本和注释节点)，但另一方面，子级仅包含元素节点。这是一个只读属性。

用法:

element.children

返回值：它返回可以通过索引访问的元素节点的集合。

范例1：本示例返回列表项的数量。

HTML DOM children Property

function Geeks() {

var count =

document.getElementById("parent").children.length;

document.getElementById("p").innerHTML =

"No of Children:" + count;

}

GeeksforGeeks

DOM children Property

Searching Algorithms

• Merge sort
• Quick sort

Click Here!

输出：

在单击按钮之前：

单击按钮后：

范例2：

HTML DOM children Property

function Geeks() {

var doc =

document.getElementById("parent").children;

var i;

for(i = 0; i < doc.length; i++) {

doc[i].style.color = "white";

doc[i].style.backgroundColor = "green";

}

}

GeeksforGeeks

DOM children Property

A computer science portal for geeks.

Geeks classes an extensive programme for geeks.

Click me!

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：DOM children属性支持的浏览器如下：

谷歌浏览器2.0

Internet Explorer 9.0 *

Firefox 3.5

Opera 10.0

苹果Safari 4.0