HTML-DOM-Dokument createAttribute()
Beispiele
// 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);
Weitere Beispiele unten.
Definition und Verwendung
Die createAttribute()
Methode erstellt ein Attribut und gibt das Attribut als Attr-Objekt zurück.
Alternative:
Es ist einfacher, die Methode element .setAttribute() zu verwenden.
Siehe auch:
Syntax
document.createAttribute(name)
Parameter
Parameter | Description |
name | Required. The name of the attribute to create. |
Rückgabewert
Typ | Beschreibung |
Knoten | Der erstellte Attributknoten. |
Mehr Beispiele
Fügen Sie ein href="www.w3schools.com"-Attribut und ein Ankerelement hinzu:
// 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);
Browser-Unterstützung
document.createAttribute()
ist eine Funktion von DOM Level 1 (1998).
Es wird in allen Browsern vollständig unterstützt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |