Beispiel
Stellen Sie die class Attributknoten eines <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 Knoten Einstellung:
Hello World
Nach dem Attributknoten festlegen:
Hello World
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die setAttributeNode() Methode fügt den specified Attributknoten auf ein Element.
Wenn das specified Attribut bereits vorhanden ist , ersetzt es dieses Verfahren.
Der Rückgabewert dieser Methode ist ein Attr Objekt. Weitere Informationen finden Sie das HTML - DOM Attribut Objekt .
Siehe auch die setAttribute() Methode.
Tipp: Verwenden Sie die removeAttributeNode() Methode einen Attributknoten von einem Element zu entfernen.
Browser-Unterstützung
| Methode | |||||
|---|---|---|---|---|---|
| setAttributeNode() | Ja | Ja | Ja | Ja | Ja |
Syntax
element .setAttributeNode( attributenode )Parameterwerte
| Parameter | Art | Beschreibung |
|---|---|---|
| attributenode | Attr object | Erforderlich. Der Attributknoten Sie hinzufügen möchten |
Technische Details
| Rückgabewert: | Ein Attr Objekt, das darstellt , replaced Attributknoten, falls vorhanden, andernfalls null |
|---|---|
| DOM Version | Core Level 1 Element Object |
Mehr Beispiele
Beispiel
Stellen Sie die href Attributknoten eines <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 Knoten Einstellung:
Go to w3ii.com
Nach dem Attributknoten festlegen:
Versuch es selber "Verwandte Seiten
HTML Tutorial: HTML Attribute
HTML DOM Referenz: Der HTML - DOM Attribut Object
HTML DOM Referenz: href="met_element_setattribute.html"> setAttribute() Method
HTML DOM Referenz: href="met_document_createattribute.html">document. createAttribute() Method href="met_document_createattribute.html">document. createAttribute() Method
HTML DOM Referenz: Attribut .value Property
HTML DOM Referenz: href="met_element_getattributenode.html"> getAttributeNode() Method
HTML DOM Referenz: href="met_element_removeattributenode.html"> removeAttributeNode() Method