HTML DOM Element getAttributeNode() metoden

Definition och användning

getAttribute() Metoden returnerar värde för angiven egenskapsnamn som Attr-objekt.

Alternativ:

Använd getAttribute() metoden Det blir enklare.

Se också:

setAttribute() metoden

hasAttribute() metoden

removeAttribute() metoden

setAttributeNode() metoden

removeAttributeNode() metoden

Tutorials:

HTML-attribut

Referenshandbok:

HTML DOM Attribute-objekt

Kunskapsområde: Skillnaden mellan getAttribute() och getAttributeNode()

getAttribute() Metoden returnerar värdet för egenskapen.

getAttributeNode() metoden returnerar Attr-objektetmåste du använda Attr value-egenskapen För att få tag på detta värde.

Resultatet är detsamma.

Exempel

Exempel 1

Hämta värdet för class-egenskapsnoden för <h1>-elementet:

const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;

Prova själv

Exempel 2

Hämta värdet för target-egenskapsnoden för <a>-elementet:

var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;

Prova själv

Exempel 3

Hämta värdet för onclick-egenskapsnoden för <button>-elementet:

var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;

Prova själv

Syntaks

element.getAttributeNode(name)

Parameter

Parameter Beskrivning
name Obligatorisk. Egenskapens namn.

Returvärde

Typ Beskrivning
Objekt Attr-objektet för egenskapsnoden.
null Om egenskapen inte finns.

Beskrivning

getAttributeNode() Metoden returnerar en Attr-node som representerar värdet för den angivna egenskapen. Observera att Attr-noden kan hämtas också genom att använda attributes-egenskapen som ärver från Node-gränssnittet.

Webbläsarstöd

element.getAttributeNode() är en DOM Level 1 (1998)-funktion.

Alla webbläsare stöder det fullt ut:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd 9-11 Stöd Stöd Stöd Stöd