HTML DOM NodeList item() 方法

定義和用法

item() 方法返回 NodeList 中指定索引處的節點。

有兩種方法可以訪問指定索引處的節點：

list.item(index)

或

list[index]

最簡單和最常用的方法是 [index]。

實例

例子 1

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

const nodeList = document.body.childNodes;

親自試一試

例子 2

獲取第一個子節點的節點名：

const list = document.body.childNodes;
let name = list.item(0).nodeName;

親自試一試

例子 3

此例的結果相同：

const list = document.body.childNodes;
let name = list[0].nodeName;

親自試一試

例子 4

獲取文檔中第一個 <p> 元素的 HTML 內容：

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;

親自試一試

例子 5

獲取 "myDIV" 中第一個 <p> 元素的 HTML 內容：

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;

親自試一試

例子 6

更改 "myDIV" 中第一個 <p> 元素的 HTML 內容：

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";

親自試一試

例子 7

更改 class="child" 的所有元素的顏色：

const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

親自試一試

語法

nodelist.item(index)

或簡寫為：

nodelist[index]

參數

參數 描述
index

必需。列表中節點的索引（下標）。

節點按照它們在文檔中出現的順序進行排序。

索引從 0 開始。

返回值

類型 描述
對象 指定索引處的節點。
null 如果索引超出范圍。

瀏覽器支持

nodelist.item() 是 DOM Level 1 (1998) 特性。

所有現代瀏覽器都支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持

相關頁面

length 屬性

entries() 方法

forEach() 方法

keys() 方法

values() 方法

NodeList 對象

childNodes() 方法

querySelectorAll() 方法

getElementsByName() 方法