HTML DOM item() 方法
❮ Element 元素对象实例
获取文档内第一个 <p> 元素（索引为 0）的 HTML 内容:
var nodelist = document.getElementsByTagName("P").item(0).innerHTML;
亲自试一试 »
提示: 下面有更多实例。
定义和用法
item() 方法返回 NodeList 对象中指定索引处的节点。
节点按照它们在源代码中出现的顺序进行排序，索引从 0 开始。
Node 对象的子节点集合是 NodeList 对象的一个示例。
注意:有两种方法可以访问节点列表中指定索引处的节点:
这个语法:
document.body.childNodes.item(0); // The first child node of <body>测试一下
将产生与此语法相同的结果:
document.body.childNodes[0]; // The first child node of <body>测试一下
你可以使用任何你喜欢的方法，但是最常用的方法是[index]。
提示:使用 length 属性返回 NodeList 对象中的节点数。
浏览器支持
| Method | |||||
|---|---|---|---|---|---|
| item() | Yes | Yes | Yes | Yes | Yes |
语法
nodelist.item(index)
or simply:
nodelist[index]
参数值
| Parameter | Type | 描述 |
|---|---|---|
| index | Number | 必需。 要返回的节点的索引，在节点列表中。 注意:索引从0开始 |
技术细节
| 返回值: | 一个 Node 对象，表示指定索引处的节点。 注意:如果索引号超出范围，则返回null |
|---|---|
| DOM Version | Core Level 1 Nodelist Object |
更多实例
实例
获取 <div> 元素内第一个 <p> 元素（索引0）的HTML内容:
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P")[0].innerHTML;
亲自试一试 »
实例
更改 <div> 元素内第一个 <p> 元素（索引 0）的 HTML 内容:
var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML = "Paragraph changed";
亲自试一试 »
实例
在 <div> 元素中遍历所有带有 class="child" 的元素，并更改它们的背景颜色:
var div = document.getElementById("myDIV");
var nodelist = div.getElementsByClassName("child");
var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}
亲自试一试 »
相关页面
HTML DOM 参考: nodelist.length 属性
HTML DOM 参考: element.childNodes 属性
HTML DOM 参考: element.getElementsByClassName() 方法
HTML DOM 参考: element.getElementsByTagName() 方法
HTML DOM 参考: element.querySelectorAll() 方法
HTML DOM 参考: document.getElementsByClassName() 方法
HTML DOM 参考: document.getElementsByName() 方法
HTML DOM 参考: document.getElementsByTagName() 方法
HTML DOM 参考: document.querySelectorAll() 方法
❮ Element 元素对象
