HTML DOM item() 方法
JavaScript基础 2022-06-08 11:31:28小码哥的IT人生shichen
HTML DOM item() 方法
实例
返回元素的首个子节点：
document.body.childNodes.item(0);
完整实例：
<!DOCTYPE html>
<html>
<body><p id="demo">点击按钮来获得 body 元素首个子节点的名称。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var x=document.getElementById("demo");
x.innerHTML=document.body.childNodes.item(0).nodeName;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
item() 方法节点列表中位于指定索引的节点。
以下两条语法产生相同的结果：
document.body.childNodes.item(0);
document.body.childNodes[0];浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有主流浏览器均支持 item() 方法。
语法
nodelist.item(index)
参数
| 参数 | 类型 | 描述 |
|---|---|---|
| index | 数字值。 | 必需。被返回节点在节点列表中的索引。 |
返回值
| 类型 | 描述 |
|---|---|
| Node 对象 | 位于指定索引的节点。 |
技术细节
| DOM 版本 | Core Level 1 Nodelist Object |
