HTML DOM NodeList item() method

Tamafi da amfani

item() Hanyar ake kammala nauyin nauyin kan wuri na zabe:

An koyar da wuri daya daga cikin nauyin nauyin:

list.item(index)

ko

list[index]

Koyarwa kacalawa kiyi kuma aiki ce [index]。

Tasiri

Mamman 1

Lukata nauyin nauyin <body> na dokumentin:

const nodeList = document.body.childNodes;

亲自试一试

Mamman 2

Lukata sunan nauyin farko:

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

亲自试一试

Mamman 3

Manan natanan natanan na yau:

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

亲自试一试

Mamman 4

Lukata HTML na farko <p> na dokumentin:

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

亲自试一试

例子 5

获取 "myDIV" 中第一个

元素的 HTML 内容：

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

亲自试一试

例子 6

更改 "myDIV" 中第一个

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