HTML DOM Document createAttribute() Methode

Definitie en gebruik

code>createAttribute() De Methode maakt een attribute aan en keert het attribute terug als een Attr Object.Alternatieve opties:

Gebruik setAttribute() Methode Eenvoudiger.

Zie ook:

Element setAttribute() Methode

Attribute waarde Methode

Element setAttributeNode() Methode

voorbeeld

Voorbeeld 1

// Maak de class-eigenschap:
const att = document.createAttribute("class");
// Stel de waarde van de class-eigenschap in:
att.value = "democlass";
// Voeg de class-eigenschap toe aan de eerste h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

Probeer het zelf

Voorbeeld 2

// Maak het style-eigenschap:
const att = document.createAttribute("style");
// Stel de waarde van het style-eigenschap in:
att.value = "color:red";
// Voeg het style-eigenschap toe aan de eerste h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

Probeer het zelf

Voorbeeld 3

Voeg het eigenschap href="www.codew3c.com" toe aan het anchor-element:

// Maak het href-eigenschap:
const att = document.createAttribute("href");
// Stel de waarde van het href-eigenschap in:
att.value = "https://www.codew3c.com";
// Voeg het href-eigenschap toe aan het element:
element.setAttributeNode(att);

Probeer het zelf

syntaxis

document.createAttribute(name)

parameter

parameter beschrijving
name verplicht. De naam van de eigenschap die moet worden gemaakt.

terugkeerwaarde

type beschrijving
knopen Nieuw gecreëerde eigenschapsnode. De nadeName-eigenschap is ingesteld op name.

gooien

Als name tekens bevat die niet worden ondersteund, zal deze methode een foutcode van INVALID_CHARACTER_ERR van de DOMException uitzondering.

browserondersteuning

document.createAttribute() is een DOM Level 1 (1998) kenmerk.

Ondersteund door alle browsers:

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