HTML DOM Document createAttribute() metod

Definition och användning

code>createAttribute() Metoden skapar ett attribut och returnerar det som ett Attr-objekt.Alternativ:

Använd setAttribute() metod Enklare.

Se också:

Element setAttribute() metod

Attribut värde metod

Element setAttributeNode() metoden

exempel

Exempel 1

// Skapa class-egenskapen:
const att = document.createAttribute("class");
// Ange värdet för class-egenskapen:
att.value = "democlass";
// Lägg till class-egenskapen till den första h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

prova själv

Exempel 2

// Skapa style-egenskapen:
const att = document.createAttribute("style");
// Ange värdet för style-egenskapen:
att.value = "color:red";
// Lägg till style-egenskapen till den första h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

prova själv

Exempel 3

Lägg till href="www.codew3c.com"-egenskapen till anchor-elementet:

// Skapa href-egenskapen:
const att = document.createAttribute("href");
// Ange värdet för href-egenskapen:
att.value = "https://www.codew3c.com";
// Lägg till href-egenskapen till elementet:
element.setAttributeNode(att);

prova själv

syntaks

document.createAttribute(name)

parametrar

parametrar beskrivning
name obligatorisk. Namnet på den egenskap som ska skapas.

återvärd

typ beskrivning
nod ny skapad egenskapsnod. nadeName-attributet är inställt som name.

kasta

Om namnet innehåller tecken som inte är tillåtna, kommer denna metod att kasta en kod för INVALID_CHARACTER_ERR s DOMException-undantag.

webbläsarstöd

document.createAttribute() är en DOM Level 1 (1998) egenskap.

Det stöds av alla webbläsare:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
stödjer 9-11 stödjer stödjer stödjer stödjer