HTML DOM Dokument createAttribute() metode

Definition og brug

code>createAttribute() Metoden opretter en egenskab og returnerer denne egenskab som et Attr-objekt.Alternativ:

Brug setAttribute() metode Enklere.

Se også:

Element setAttribute() metode

Attribut værdi metode

Element setAttributeNode() metode

eksempel

Eksempel 1

// Opret class-egenskaben:
const att = document.createAttribute("class");
// Indstil værdien for class-egenskaben:
att.value = "democlass";
// Tilføj class-egenskaben til den første h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

prøv det selv

Eksempel 2

// Opret style-egenskaben:
const att = document.createAttribute("style");
// Indstil værdien for style-egenskaben:
att.value = "color:red";
// Tilføj style-egenskaben til den første h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

prøv det selv

Eksempel 3

Tilføj egenskaben href="www.codew3c.com" til anchor-elementet:

// Opret href-egenskaben:
const att = document.createAttribute("href");
// Indstil værdien for href-egenskaben:
att.value = "https://www.codew3c.com";
// Tilføj href-egenskaben til elementet:
element.setAttributeNode(att);

prøv det selv

syntaks

document.createAttribute(navn)

parametre

parametre beskrivelse
navn påkrævet. Navnet på den egenskab, der skal oprettes.

returnerværdi

type beskrivelse
noden nyoprettet egenskabsnoden. nadeName egenskaben sættes til navn。

kaste

Hvis navnet indeholder ikke-gyldige tegn, vil denne metode kaste en kode som INVALID_CHARACTER_ERR DOMException undtagelse.

browserstøtte

document.createAttribute() er en DOM Level 1 (1998) egenskab.

Det understøttes af alle browsere:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
støtte 9-11 støtte støtte støtte støtte