HTML DOM setAttributeNode() Methode
❮ Das Element-ObjektBeispiel
Legen Sie den Klassenattributknoten eines <h1>-Elements fest:
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>
Vor dem Setzen des Attributknotens:
Hello World
Nach dem Setzen des Attributknotens:
Hello World
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Methode setAttributeNode() fügt einem Element den angegebenen Attributknoten hinzu.
Wenn das angegebene Attribut bereits vorhanden ist, wird es durch diese Methode ersetzt.
Der Rückgabewert dieser Methode ist ein Attr-Objekt. Weitere Informationen finden Sie unter Das HTML-DOM-Attributobjekt .
Siehe auch die Methode setAttribute() .
Tipp: Verwenden Sie die Methode removeAttributeNode() , um einen Attributknoten aus einem Element zu entfernen.
Browser-Unterstützung
Method | |||||
---|---|---|---|---|---|
setAttributeNode() | Yes | Yes | Yes | Yes | Yes |
Syntax
element.setAttributeNode(attributenode)
Parameterwerte
Parameter | Type | Description |
---|---|---|
attributenode | Attr object | Required. The attribute node you want to add |
Technische Details
Rückgabewert: | Ein Attr-Objekt, das den ersetzten Attributknoten darstellt, falls vorhanden, andernfalls null |
---|---|
DOM-Version | Elementobjekt der Kernebene 1 |
Mehr Beispiele
Beispiel
Legen Sie den href-Attributknoten eines <a>-Elements fest:
var anchor = document.getElementById("myAnchor"); // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href"); // Create a "href" attribute
att.value = "https://www.w3schools.com"; // Set the value of the href attribute
anchor.setAttributeNode(att); // Add the href attribute to <a>
Vor dem Setzen des Attributknotens:
Go to w3schools.com
Nach dem Setzen des Attributknotens:
Verwandte Seiten
HTML-Tutorial: HTML-Attribute
HTML-DOM-Referenz: Das HTML-DOM-Attributobjekt
HTML-DOM-Referenz: setAttribute()-Methode
HTML-DOM-Referenz: document.createAttribute()-Methode
HTML-DOM-Referenz: attribute .value-Eigenschaft
HTML-DOM-Referenz: getAttributeNode()-Methode
HTML-DOM-Referenz: Methode removeAttributeNode()
❮ Das Element-Objekt