HTML DOM 元素 getAttributeNode()
示例
获取<h1> 元素的 class 属性节点的值
const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;
尝试一下 »
更多示例如下。
描述
方法返回元素的属性。getAttributeNode()
方法返回一个 属性对象。getAttributeNode()
getAttribute() 和 getAttributeNode() 之间的区别
方法返回属性的值。getAttribute()
方法返回一个 Attr 对象,您必须使用 Attr 值 属性来获取值。getAttributeNode()
结果将相同。
语法
element.getAttributeNode(name)
参数
参数 | 描述 |
name | 必需的。 属性的名称。 |
返回值
类型 | 描述 |
对象 | 属性节点的 Attr 对象。 如果属性不存在。 |
更多示例
示例
获取<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;
尝试一下 »
浏览器支持
是 DOM Level 1 (1998) 特性。element.getAttributeNode()
它在所有浏览器中得到完全支持
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |