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 级别 1 (1998) 功能。
它在所有浏览器中都得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
❮ NodeList 对象
