HTML DOM getAttributeNode() 方法

HTML DOM Element 对象

getAttributeNode()方法返回指定元素的指定属性, 返回值是 Attr 节点类型

如果给定的属性不存在,则返回的值将为null或“”(空字符串)。

使用attribute.value属性返回属性节点的值。

如果只想返回属性值,请使用getAttribute()方法。

您可以在我们的HTML DOM属性对象中了解有关Attr对象的更多信息。

语法:

element.getAttributeNode(attr)
var elem = document.getElementsByTagName("H1")[0];
var attr = elem.getAttributeNode("class").value;
测试看看‹/›

浏览器兼容性

所有浏览器完全支持getAttributeNode()方法:

Method
getAttributeNode()

参数值

参数描述
attr您要返回的属性的名称

技术细节

返回值:一个Attr对象,表示指定的属性节点
DOM版本:DOM级别1

更多实例

获取元素的样式属性节点的值:

var elem = document.getElementsByTagName("H1")[0];
var attr = elem.getAttributeNode("style").value;
测试看看‹/›

获取锚元素的href属性节点的值:

var elem = document.getElementsByTagName("a")[0];
var attr = elem.getAttributeNode("href").value;
测试看看‹/›

获取图像元素node的src属性值:

var elem = document.getElementsByTagName("img")[0];
var attr = elem.getAttributeNode("src").value;
测试看看‹/›

相关参考

HTML教程:HTML属性

HTML DOM参考:HTML DOM属性对象

HTML DOM参考:element.getAttribute()方法

HTML DOM参考:element.setAttribute()方法

HTML DOM参考:element.removeAttributeNode()方法

HTML DOM Element 对象