码农教程 - 一技在手,衣食无忧! tools

目录

HTML DOM NodeList item()

❮ NodeList 对象

示例

获取 <body> 元素的子节点：

const nodeList = document.body.childNodes;
亲自试一试 »

获取第一个子节点的节点名称：

const list = document.body.childNodes;
let name = list.item(0).nodeName;
亲自试一试 »

这会产生相同的结果：

const list = document.body.childNodes;
let name = list[0].nodeName;
亲自试一试 »

获取文档中第一个 <p> 元素的 HTML 内容：

const list = document.getElementsByTagName("p");
let text = list.item(0).innerHTML;
亲自试一试 »

下面有更多示例。

描述

这个item()方法返回a中指定索引处的节点节点列表。

有两种方法可以访问指定索引处的节点：

list.item(index)
list[index]

最简单、最常用的方法是[索引]。

也可以看看：

长度属性

forEach() 方法

Entry() 方法

key() 方法

value() 方法

节点列表对象

childNodes() 方法

querySelectorAll() 方法

getElementsByName() 方法

语法

nodelist.item( index)
nodelist[ index]

参数

Parameter Description
index Required.
The index of the node in the list.
The nodes are sorted as they appear in the document.
The index starts at 0.

返回值

类型 描述
对象 指定索引处的节点。
null如果索引超出范围。

更多示例

示例

获取"myDIV"内第一个<p>元素的HTML内容：

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

示例

更改 "myDIV" 内第一个 <p> 元素的 HTML 内容：

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

示例

使用 class="child" 更改所有元素的颜色：

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

浏览器支持

nodelist.item()是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它：

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 9-11
❮ NodeList 对象