HTML DOM Element getAttributeNode() Methode
- Vorherige Seite getAttribute()
- Nächste Seite getBoundingClientRect()
- Nach oben HTML DOM Elements-Objekt
Definition und Verwendung
getAttribute()
Das Verfahren gibt den Wert der angegebenen Attributname als Attr-Objekt zurück.
Alternativlösung:
Verwendung getAttribute() Methode Es wird einfacher.
Bitte auch lesen:
Tutorium:
Referenzhandbuch:
Wissensgebiet: Unterschied zwischen getAttribute() und getAttributeNode()
getAttribute()
Das Verfahren gibt den Wert der Eigenschaft zurück.
getAttributeNode()
Methode gibt zurück Attr-Objektmüssen Sie Attr-Wert-Attribut um diesen Wert zu erhalten.
Das Ergebnis ist identisch.
Beispiel
Beispiel 1
Erhalten Sie den Wert des class-Attributknotens des <h1>-Elements:
const element = document.getElementsByTagName("H1")[0]; let text = element.getAttributeNode("class").value;
Beispiel 2
Erhalten Sie den Wert des target-Attributknotens des <a>-Elements:
var elmnt = document.getElementById("myAnchor"); var attr = elmnt.getAttributeNode("target").value;
Beispiel 3
Erhalten Sie den Wert des onclick-Attributknotens des <button>-Elements:
var elmnt = document.getElementById("myBtn"); var attr = elmnt.getAttributeNode("onclick").value;
Syntax
element.getAttributeNode(name)
Parameter
Parameter | Beschreibung |
---|---|
name | Erforderlich. Der Name der Eigenschaft. |
Rückgabewert
Typ | Beschreibung |
---|---|
Objekt | Attr-Objekt des Attributknotens. |
null | Wenn das Attribut nicht existiert. |
Beschreibung
getAttributeNode()
Diese Methode gibt einen Attr-Knoten zurück, der den Wert der angegebenen Eigenschaft darstellt. Beachten Sie, dass der Attr-Knoten auch über das von Node-Interface geerbte attributes-Attribut abgerufen werden kann.
Browserunterstützung
element.getAttributeNode()
ist eine Eigenschaft von DOM Level 1 (1998).
Es wird in allen Browsern vollständig unterstützt:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Unterstützung | 9-11 | Unterstützung | Unterstützung | Unterstützung | Unterstützung |
- Vorherige Seite getAttribute()
- Nächste Seite getBoundingClientRect()
- Nach oben HTML DOM Elements-Objekt