HTML DOM Dokument createAttribute() Methode

Definition und Verwendung

code>createAttribute() Die Methode erstellt ein Attribut und gibt dieses als Attr-Objekt zurück.Alternative Optionen:

Verwendung setAttribute() Methode Einfacher.

Weitere Informationen:

Element setAttribute() Methode

Attribut Wert Methode

Element setAttributeNode() Methode

Beispiel

Beispiel 1

// Erstellen Sie das class-Attribut:
const att = document.createAttribute("class");
// Setzen Sie den Wert des class-Attributs:
att.value = "democlass";
// Fügen Sie der ersten h1 die Klasse "democlass" hinzu:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

Versuchen Sie es selbst

Beispiel 2

// Erstellen Sie das style-Attribut:
const att = document.createAttribute("style");
// Setzen Sie den Wert des style-Attributs:
att.value = "color:red";
// Fügen Sie das style-Attribut dem ersten h1 hinzu:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

Versuchen Sie es selbst

Beispiel 3

Fügen Sie das Attribut href="www.codew3c.com" dem Anchor-Element hinzu:

// Erstellen Sie das href-Attribut:
const att = document.createAttribute("href");
// Setzen Sie den Wert des href-Attributs:
att.value = "https://www.codew3c.com";
// Fügen Sie das href-Attribut dem Element hinzu:
element.setAttributeNode(att);

Versuchen Sie es selbst

Syntax

document.createAttribute(name)

Parameter

Parameter Beschreibung
name Notwendig. Der Name der zu erstellenden Eigenschaft.

Rückgabewert

Typ Beschreibung
Knoten Neuer erstellter Attributknoten. Die Eigenschaft nadeName wird auf name.

aus

Falls der Name Zeichen enthält, die nicht erlaubt sind, wirft dieser Methodenaufruf den Code INVALID_CHARACTER_ERR der DOMException-Ausnahme.

Browserunterstützung

document.createAttribute() ist eine Eigenschaft der DOM Level 1 (1998).

Es wird von allen Browsern unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützt 9-11 Unterstützt Unterstützt Unterstützt Unterstützt