最新的Web開發教程
 

HTML DOM childNodes Propery

<元素對象

例

獲取集合<body>元素的子節點：

var c = document.body.childNodes;
試一試»

更多"Try it Yourself"下面的例子。

定義和用法

該物業的childNodes返回一個節點的子節點的集合，作為一個NodeList對象。

當他們出現在源代碼，並可以通過索引號來訪問集合中的節點進行排序。 該指數從0開始。

注：內部元素空白被視為文本和文本被視為節點。 評論也被視為節點。

提示：您可以使用長度的NodeList對象的屬性來確定子節點的數量，那麼你可以通過所有子節點循環，並提取所需的信息。

此屬性為只讀。

提示：要返回節點的元素節點的集合(excluding text and comment nodes) ，使用兒童屬性。

提示： 元件 .childNodes [0]將產生相同的結果則firstChild屬性。

瀏覽器支持

屬性
childNodes 是 是 是 是 是

句法

element .childNodes

技術細節

返回值： 的NodeList對象，表示節點的集合。 當它們出現在源代碼返回集合中的節點進行排序
DOM版本 核心1級元素對象
例子

更多示例

例

找出多少個子節點一個<div>元素有：

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

C的結果將是：

5
試一試»

例

改變第二子節點的背景顏色(index 1) a的<div>元素：

var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";
試一試»

例

得到所述第三子節點的文本(index 2) a的<select>元素：

var c = document.getElementById("mySelect").childNodes[2].text;

C的結果將是：

Saab
試一試»

相關頁面

HTML DOM參考： 節點。 則firstChild屬性

HTML DOM參考： 節點。 lastChild屬性

HTML DOM參考： 節點。 parentNode屬性

HTML DOM參考： 節點。 nextSibling屬性

HTML DOM參考： 節點。 previousSibling屬性

HTML DOM參考： 節點。 nodeName屬性

<元素對象