HTML DOM Element getAttributeNode() 方法

定义和用法

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

替代方案：

使用 getAttribute() 方法 会更容易。

另请参阅：

setAttribute() 方法

hasAttribute() 方法

removeAttribute() 方法

setAttributeNode() 方法

removeAttributeNode() 方法

教程：

HTML 属性

参考手册：

HTML DOM Attribute 对象

知识点：getAttribute() 和 getAttributeNode() 的区别

getAttribute() 方法返回属性的值。

getAttributeNode() 方法返回 Attr 对象，您必须使用 Attr value 属性 来获取该值。

结果是相同的。

实例

例子 1

获取 <h1> 元素的 class 属性节点的值：

const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;

亲自试一试

例子 2

获取 <a> 元素的 target 属性节点的值：

var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;

亲自试一试

例子 3

获取 <button> 元素的 onclick 属性节点的值：

var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;

亲自试一试

语法

element.getAttributeNode(name)

参数

参数 描述
name 必需。属性的名称。

返回值

类型 描述
对象 属性节点的 Attr 对象。
null 如果属性不存在。

说明

getAttributeNode() 方法将返回一个 Attr 节点，表示指定的属性的值。注意，通过从 Node 接口继承的 attributes 属性也可以获取该 Attr 节点。

浏览器支持

element.getAttributeNode() 是 DOM Level 1 (1998) 特性。

所有浏览器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持