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() 方法返回 NodeList 中指定索引处的节点。
有两种方式访问指定索引处的节点
list.item(index)或list[index]
最简单、最常见的方法是 [index]。
另请参阅
语法
nodelist.item(index)或简单地写成
nodelist[index]
参数
| 参数 | 描述 |
| index | 必需。 列表中节点的索引。 节点按它们在文档中出现的顺序排序。 索引从 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 = "段落已更改";
自己动手试一试 »
示例
更改所有 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 |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ NodeList 对象
