小码哥的IT人生

HTML DOM item() 方法

JavaScript基础 2022-06-08 11:20:32小码哥的IT人生shichen

HTML DOM item() 方法

实例

返回 button 元素的首个属性的名称:

document.getElementsByTagName("BUTTON")[0].attributes.item(0).nodeName;

结果:

onclick

完整实例:

<!DOCTYPE html>
<html>
<body>
<p id="demo">点击按钮来获得 button 元素的首个属性的名称。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var a=document.getElementsByTagName("BUTTON")[0];
var x=document.getElementById("demo");  
x.innerHTML=a.attributes.item(0).nodeName;
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

item() 方法以 Node 对象返回 namedNodeMap 中位于指定索引的节点。

语法:

document.getElementsByTagName("BUTTON")[0].attributes.item(0);

下面这条语法产生相同的结果:

document.getElementsByTagName("BUTTON")[0].attributes[0];

浏览器支持

IE Firefox Chrome Safari Opera
         

所有主流浏览器都支持 item() 方法。

语法

namednodemap.item(index)

参数

参数 类型 描述
index Number 必须。您希望返回的 namedNodeMap 中节点的索引。

返回值

类型 描述
Node 对象。 位于指定索引的节点。

技术细节

DOM 版本 Core Level 1

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024