English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM getAttributeNode() 方法

HTML DOM Element-Objekt

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

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

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

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

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

语法:

element.getAttributeNode(attr)
var elem = document.getElementsByTagName("H1")[0];
var attr = elem.getAttributeNode("class").value;
Testen Sie heraus‹/›

浏览器兼容性

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

方法
getAttributeNode()

参数值

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

技术细节

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

更多实例

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

var elem = document.getElementsByTagName("H1")[0];
var attr = elem.getAttributeNode("style").value;
Testen Sie heraus‹/›

Erhalten Sie den Wert des href-Attributs des Anchor-Elements:

var elem = document.getElementsByTagName("a")[0];
var attr = elem.getAttributeNode("href").value;
Testen Sie heraus‹/›

Erhalten Sie den Wert der src-Attribut des Bild-Elements node:

var elem = document.getElementsByTagName("img")[0];
var attr = elem.getAttributeNode("src").value;
Testen Sie heraus‹/›

Zusammenhängende Referenzen

HTML-Tutorial:HTML-Attribute

HTML DOM-Referenz:HTML DOM-Attribut-Objekt

HTML DOM-Referenz:element.getAttribute()-Methode

HTML DOM-Referenz:element.setAttribute()-Methode

HTML DOM-Referenz:element.removeAttributeNode()-Methode

HTML DOM Element-Objekt