Beispiel
Holen Sie sich den Wert des class eines <h1> Element:
var elmnt = document.getElementsByTagName("H1")[0];
var attr =
elmnt.getAttributeNode("class").value;
Das Ergebnis der attr wird:
democlass
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die getAttributeNode() Methode gibt den Attributknoten mit dem angegebenen Namen eines Elements, als Attr Objekt.
Tipp: Verwenden Sie das Attribut .value Eigenschaft , um den Wert des Attributs Knoten zurückzukehren.
Tipp: Verwenden Sie die getAttribute() Methode , wenn Sie nur den Attributwert zurückgeben möchten.
Weitere Informationen über das Attr - Objekt, das HTML - DOM Attribut Objekt .
Browser-Unterstützung
Methode | |||||
---|---|---|---|---|---|
getAttributeNode() | Ja | Ja | Ja | Ja | Ja |
Syntax
Parameter Parameter Art Beschreibung attributename String Erforderlich. Der Name des Attributs, das Sie wollen zurückkehren
Technische Details
Rückgabewert: Ein Attr Objekt, das die specified Attributknoten.
Hinweis: Wenn die Attribut nicht vorhanden ist , ist der Rückgabewert null oder eine leere Zeichenfolge ("") DOM Version Core Level 1 Element Object
Mehr Beispiele
Beispiel
Gibt den Wert des target eines <a> Element:
var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value; Das Ergebnis der attr wird:
_blank
Versuch es selber "
Beispiel
Holen Sie sich den Wert des onclick Attributknoten eines <button> Element:
var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value; Das Ergebnis der attr wird:
myFunction() Versuch es selber "
Verwandte Seiten
HTML Tutorial: HTML Attribute
HTML DOM Referenz: Der HTML - DOM Attribut Object
HTML DOM Referenz: href="met_element_getattribute.html"> getAttribute() Method
HTML DOM Referenz: Attribut .value Property
HTML DOM Referenz: href="met_element_removeattributenode.html"> removeAttributeNode() Method
HTML DOM Referenz: href="met_element_setattributenode.html"> setAttributeNode() Method