小码哥的IT人生

HTML DOM getAttributeNode() 方法

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

HTML DOM getAttributeNode() 方法

实例

返回链接的 target 属性:

document.getElementsByTagName("a")[0].getAttributeNode("target");

完整实例:

<!DOCTYPE html>
<html>
<body>
请阅读 <a href="http://www.phpcodeweb.com/news/638.html" target="_blank">Attr 对象</a>,
<p id="demo">请点击按钮来显示上面这个链接的 target 属性值。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
var a=document.getElementsByTagName("a")[0];
var x=document.getElementById("demo");
x.innerHTML=a.getAttributeNode("target").value;
}
</script>
</body>
</html>

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

定义和用法

getAttribute() 方法返回指定属性名的属性值,以 Attr 对象。

提示:如果您只需要返回属性值,请使用 getAttribute。

浏览器支持

IE Firefox Chrome Safari Opera
         

所有主流浏览器均支持 getAttributeNode() 方法。

语法

element.getAttributeNode(attributename)

参数

参数 类型 描述
attributename String 必需。需要返回的属性的名称。

返回值

类型 描述
Attr 对象 指定的属性节点

技术细节

DOM 版本 Core Level 1 Element Object

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

苏公网安备 32030202000762号

© 2021-2024