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