HTML DOM Element getAttributeNode() methode
- Vorige pagina getAttribute()
- Volgende pagina getBoundingClientRect()
- Ga naar het vorige niveau HTML DOM Elements object
Definitie en gebruik
getAttribute()
De methode retourneert de waarde van het opgegeven attribuut als Attr-object.
Alternatieve oplossing:
Gebruik getAttribute() methode Het wordt gemakkelijker.
Raadpleeg ook:
Handleiding:
Referentiemanual:
Kennisgebied: Het verschil tussen getAttribute() en getAttributeNode()
getAttribute()
De methode retourneert de waarde van het attribuut.
getAttributeNode()
methode retourneert Attr objectu moet Attr value-eigenschap om deze waarde te verkrijgen.
Het resultaat is hetzelfde.
Voorbeeld
Voorbeeld 1
Verkrijg de waarde van de class-eigenschapsnode van het <h1>-element:
const element = document.getElementsByTagName("H1")[0]; let text = element.getAttributeNode("class").value;
Voorbeeld 2
Verkrijg de waarde van de target-eigenschapsnode van het <a>-element:
var elmnt = document.getElementById("myAnchor"); var attr = elmnt.getAttributeNode("target").value;
Voorbeeld 3
Verkrijg de waarde van de onclick-eigenschapsnode van het <button>-element:
var elmnt = document.getElementById("myBtn"); var attr = elmnt.getAttributeNode("onclick").value;
Syntaxis
element.getAttributeNode(name)
Parameter
Parameter | Beschrijving |
---|---|
name | Verplicht. De naam van de eigenschap. |
Retourwaarde
Type | Beschrijving |
---|---|
Object | De Attr-object van de eigenschapsnode. |
null | Als de eigenschap niet bestaat. |
Beschrijving
getAttributeNode()
De methode retourneert een Attr-node die de waarde van de opgegeven eigenschap vertegenwoordigt. Let op, de Attr-node kan ook worden verkregen via de attributes-eigenschap die van het Node-interface is geërfd.
Browserondersteuning
element.getAttributeNode()
is een DOM Level 1 (1998) kenmerk.
Alle browsers ondersteunen het volledig:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Ondersteuning | 9-11 | Ondersteuning | Ondersteuning | Ondersteuning | Ondersteuning |
- Vorige pagina getAttribute()
- Volgende pagina getBoundingClientRect()
- Ga naar het vorige niveau HTML DOM Elements object