例
得到的第一個中的HTML內容<p>元素(index 0)的文檔中：
var nodelist = document.getElementsByTagName("P").item(0).innerHTML;節點列表的結果將是：
The first p element in the document. 試一試» 更多"Try it Yourself"下面的例子。
定義和用法
的item()方法返回在NodeList對象指定索引處的節點。
如它們出現在源代碼中的節點進行排序，以及索引從0開始。
子節點的節點對象的集合是一個NodeList對象的一個例子。
注意：有一個節點列表中指定索引來訪問節點兩種方式：
此語法：
document.body.childNodes.item(0);
// The first child node of <body> Try it 會產生相同的結果，因為這句法：
document.body.childNodes[0];
// The first child node of <body> Try it 你可以使用任何你喜歡的方法，但是，最常用的方法是[ 指數 ]。
提示：使用長度屬性返回一個NodeList對象節點的數量。
瀏覽器支持
| 方法 | |||||
|---|---|---|---|---|---|
| item() | 是 | 是 | 是 | 是 | 是 |
句法
參數值 參數 類型 描述 index Number 需要。 要返回，在節點列表中的節點的索引。
注：該指數從0開始
技術細節
返回值： 一個節點對象，表示指定索引處的節點。
注：如果索引數量超出範圍，則返回null DOM版本 核心1級NodeList對象
更多示例
例
得到的第一個中的HTML內容<p>元素(index 0)一個內部<div>元素：
var div = document.getElementById("myDIV");
var nodelist =
div.getElementsByTagName("P")[0].innerHTML; 節點列表的結果將是：
First p element in div. 試一試»
例
改變第一的HTML內容<p>元素(index 0)一個內部<div>元素：
var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML
= "Paragraph changed"; 試一試»
例
環通過在與類=“子”的所有元素<div>元素，並且改變它們的背景色：
var div = document.getElementById("myDIV");
var nodelist =
div.getElementsByClassName("child");
var i;
for (i = 0; i <
nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
} 試一試»
相關頁面
HTML DOM參考： 節點列表 。長度屬性
HTML DOM參考： 元素 .childNodes物業
HTML DOM參考： href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM參考： href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM參考： href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM參考： href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM參考： href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM參考： href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM參考： href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method