HTML DOM Element getAttributeNode()
示例
获取 <h1> 元素的 class 属性节点的值
const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;
自己动手试一试 »
更多示例见下文。
描述
getAttributeNode() 方法返回元素的属性。
getAttributeNode() 方法返回一个 Attribute 对象。
getAttribute() 和 getAttributeNode() 的区别
getAttribute() 方法返回属性的值。
getAttributeNode() 方法返回一个 Attr 对象，您必须使用 Attr value 属性来获取值。
结果将相同。
语法
element.getAttributeNode(name)
参数
| 参数 | 描述 |
| name | 必需。 属性的名称。 |
返回值
| 类型 | 描述 |
| 对象 | 属性节点的 Attr 对象。 如果属性不存在，则为 null。 |
更多示例
示例
获取 <a> 元素的 target 属性节点的值
var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;
自己动手试一试 »
示例
获取 <button> 元素的 onclick 属性节点的值
var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;
自己动手试一试 »
浏览器支持
element.getAttributeNode() 是 DOM Level 1 (1998) 的一个特性。
所有浏览器都完全支持。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
