HTML DOM Element setAttributeNode() metode

Definition og brug

setAttributeNode() Metode til at tilføje den specificerede egenskabsnoden til elementet og returnere et Attribute-objekt.

Hvis den specificerede egenskab allerede eksisterer, vil denne metode erstatte den.

Erstatningsløsning:

Brug setAttribute() metode Enklere.

Se også:

Referencehåndbog:

getAttributeNode() metode

removeAttributeNode() metode

createAttribute() metode

getAttribute() metode

setAttribute() metode

hasAttribute() metode

Attribute value egenskab

HTML DOM Attribute-objekt

Læringsguide:

HTML egenskab

Forskellen mellem setAttribute() og setAttributeNode()

setAttribute() Metode til at erstatte egenskabsværdien.

setAttributeNode() Metode til at erstatte Attribute-objektet.

Før du tilføjer egenskaben til elementet, skal du oprette en Attr-objekt og indstille Attr-værdien.

Resultatet vil være det samme.

Eksempel

Eksempel 1

Indstil class-egenskabsnoden for den første <h1> elementet:

const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);

Prøv det selv

Før indstilling:

Hello World

Efter indstilling:

Hello World

Eksempel 2

Indstil <a>-elementets href-egenskabsnode:

const attr = document.createAttribute("href");
attr.value = "";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);

Prøv det selv

Før indstilling:

Besøg codew3c.com

Efter indstilling:

Besøg codew3c.com

Syntaks

element.setAttributeNode(newAttr)

Parameter

Parameter Beskrivelse
newAttr Obligatorisk. Repræsenterer den egenskabsnode, der skal tilføjes, eller den egenskab, hvis værdi skal ændres, Attr-knuden.

Returværdi

Type Beskrivelse
Objekt

Repræsenterer det erstattede egenskabsnodes Attr-objekt.

Er null, hvis ingen egenskab er blevet erstattet.

Kaster

Denne metode vil kaste en DOMException undtagelse, der indeholder følgende kode:

Undtagelse Beskrivelse
INUSE_ATTRIBUTE_ERR newAttr Det er allerede en del af en anden Element-knudes egenskabskollektion.
NO_MODIFICATION_ALLOWED_ERR Den aktuelle Element-knude er skrivebeskyttet og tillader ikke ændring af dens egenskaber.
WRONG_DOCUMENT_ERR newAttr ejerDocument egenskaben er forskellig fra den Element-knude, der skal indstilles.

Browserunderstøttelse

element.setAttributeNode() er en DOM Level 1 (1998) funktion.

Det understøttes fuldt ud af alle browsere:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Understøttelse 9-11 Understøttelse Understøttelse Understøttelse Understøttelse