HTML DOM Element setAttribute() metoden

Definition og brug

setAttribute() Metoden tilføjer den specificerede egenskab og tildeler den den specificerede værdi.

Hvis den specifikke egenskab allerede eksisterer, vil kun værdien blive sat/k ændret.

Bemærk:HTML-dokumentets HTMLElement-objekt definerer også JavaScript-egenskaber for alle standard HTML-egenskaber. Derfor skal du kun bruge denne metode, når du har brug for at sætte ikke-standard egenskaber.

Se også:

Reference manual:

getAttribute() metoden

removeAttribute() metoden

hasAttribute() metoden

hasAttributes() metoden

getAttributeNode() metoden

setAttributeNode() metoden

removeAttributeNode() metoden

Tutorial:

HTML egenskaber

Eksempel

Eksempel 1

Tilføj class-egenskab til elementet:

element.setAttribute("class", "democlass");

Før tilføjelse:

Element-objekt

Efter tilføjelse:

Element-objekt

Prøv det selv

Eksempel 2

Gør inputfeltet til en knap:

myInput.setAttribute("type", "button");

Prøv det selv

Før ændring:

Efter ændring:

Eksempel 3

Tilføj href-egenskaben til <a>-elementet:

myAnchor.setAttribute("href", "");

Prøv det selv

Før tilføjelse:

Besøg codew3c.com

Efter tilføjelse:

Besøg codew3c.com

Eksempel 4

Ændr værdien af target-egenskaben til "_self":

if (element.hasAttribute("target")) {      
  element.setAttribute("target", "_self");
}

Prøv det selv

Syntaks

element.setAttribute(name, value)

Parameter

Parameter Beskrivelse
name Obligatorisk. Egenskabets navn.
value Obligatorisk. Ny egenskabsværdi.

Returverdi

Ingen.

Kastes

Undtagelse Beskrivelse
INVALID_CHARACTER_ERR Parameter name Tegn, der ikke er tilladt i HTML-egenskabsnavne eller XML-egenskabsnavne, indeholder.
NO_MODIFICATION_ALLOWED_ERR Det aktuelle element er skrivebeskyttet og tillader ikke ændring af dens egenskaber.

Bemærk

Man kan tilføje en style-egenskab med en værdi til elementet, men det anbefales ikke, da det vil overskrive andre egenskaber i style-egenskaben.

Brug venligst egenskaberne på Style-objektet:

Ulemper:

element.setAttribute("style", "background-color:red;");

Fordele:

element.style.backgroundColor = "red";

Browserunderstøttelse

element.setAttribute() er en DOM Level 1 (1998) egenskab.

Alle browsere understøtter det fuldt ud:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support