JavaScript History 对象 HTML DOM Element 对象

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 对象

JavaScript History 对象 HTML DOM Element 对象