Beispiel
Erstellen Sie ein Klassenattribut, mit dem Wert "democlass" , und legen Sie es auf ein <h1> Element:
var h1 = document.getElementsByTagName("H1")[0]; // Get the
first <h1> element in the document
var att =
document.createAttribute("class"); //
Create a "class" attribute
att.value = "democlass";
// Set the value of the class attribute
h1.setAttributeNode(att);
// Add the class attribute to <h1>Bevor das Attribut zu erstellen:
Hello World
Nach dem Einfügen des Attributes:
Hello World
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die createAttribute() Methode erzeugt ein Attribut mit dem angegebenen Namen und gibt das Attribut als Attr Objekt.
Tipp: Verwenden Sie das Attribut .value Eigenschaft , um den Wert des Attributs zu setzen.
Tipp: Verwenden Sie das Element. setAttributeNode() Methode das neu erstellte Attribut an ein Element hinzuzufügen.
Tipp: Oft werden Sie die verwenden Element. setAttribute() Methode anstelle der createAttribute() Methode.
Browser-Unterstützung
| Methode | |||||
|---|---|---|---|---|---|
| createAttribute() | Ja | Ja | Ja | Ja | Ja |
Syntax
document.createAttribute( Parameterwerte Parameter Art Beschreibung attributename Attr object Erforderlich. Der Name des Attributs, das Sie erstellen möchten
Technische Details
Rückgabewert: Ein Knotenobjekt, das das created Attribut DOM Version Core Level 1 Document Object
Mehr Beispiele
Beispiel
Erstellen Sie ein Attribut href mit dem Wert "www.w3ii.com" , und setzen Sie sie auf ein <a> Element:
var anchor = document.getElementById("myAnchor"); // Get the <a>
element with id="myAnchor"
var att = document.createAttribute("href");
// Create a "href" attribute
att.value = "http://www.w3ii.com";
// Set the value of the href attribute
anchor.setAttributeNode(att);
// Add the href attribute to <a> Bevor das Attribut zu erstellen:
Nach dem Einfügen des Attributes:
Versuch es selber "