HTML DOM-document createAttribute()
Voorbeelden
// Create a class attribute:
const att = document.createAttribute("class");
// Set the value of the class attribute:
att.value = "democlass";
// Add the class attribute to the first h1:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);
// Create a style attribute:
const att = document.createAttribute("style");
// Set the value of the style attribute:
att.value = "color:red";
// Add the style attribute to the first h1:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);
Hieronder meer voorbeelden.
Definitie en gebruik
De createAttribute()
methode maakt een attribuut aan en retourneert het attribuut als een Attr-object.
Alternatief:
Het is gemakkelijker om de methode element .setAttribute() te gebruiken.
Zie ook:
Syntaxis
document.createAttribute(name)
Parameters:
Parameter | Description |
name | Required. The name of the attribute to create. |
Winstwaarde
Type | Beschrijving |
Knooppunt | Het gemaakte attribuutknooppunt. |
Meer voorbeelden
Voeg een href="www.w3schools.com"-kenmerk toe aan een ankerelement:
// Create a href attribute:
const att = document.createAttribute("href");
// Set the value of the href attribute:
att.value = "https://www.w3schools.com";
// Add the href attribute to an element:
element.setAttributeNode(att);
Browserondersteuning
document.createAttribute()
is een DOM Level 1 (1998)-functie.
Het wordt volledig ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |