HTML DOM NodeList item() Method

Pamamaraan at Paggamit

item() Ang paraan ay ibibigay ang elemento na nasa tanging indeks sa NodeList.

May dalawang paraan para makapasok sa mga elemento na nasa tingnan na may indeks:

list.item(index)

o

list[index]

Ang pinakasimpleng at pinakamainam na paraan ay [index]。

Halimbawa

Halimbawa 1

Makuha ang mga anak na elemento ng <body> elemento:

const nodeList = document.body.childNodes;

親自試試

Halimbawa 2

Makuha ang pangalan ng unang anak na elemento:

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

親自試試

Halimbawa 3

Ang resulta ng halimbawa na ito ay katulad:

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

親自試試

Halimbawa 4

Makuha ang HTML nilalaman ng unang <p> elemento ng dokumento:

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() 方法