Beispiel
Fügen Sie die class Attribut mit dem Wert von "democlass" auf ein <h1> Element:
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");Bevor das Attribut festlegen:
Hello World
Nach dem Setzen des Attributs:
Hello World
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die setAttribute() Methode fügt das specified Attribut zu einem Element, und gibt ihm den angegebenen Wert.
Wenn das specified Attribut bereits vorhanden ist , wird nur der Wert eingestellt / geändert.
Hinweis: Obwohl es möglich ist , die hinzuzufügen style - Attribut mit einem Wert auf ein Element mit dieser Methode wird empfohlen , dass Sie verwenden Eigenschaften des Style - Objekts stattdessen für die Inline - Styling, weil dies nicht andere CSS - Eigenschaften überschreibt , die in festgelegt werden können das style - Attribut:
Schlecht:
element .setAttribute("style",
"background-color: red;");Gut:
element .style.backgroundColor
= "red";Tipp: Verwenden Sie die removeAttribute() Methode ein Attribut von einem Element zu entfernen.
Tipp: Beachten Sie auch die setAttributeNode() Methode.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode vollständig unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| setAttribute() | Ja | 9.0 | Ja | Ja | Ja |
Syntax
element .setAttribute( attributename , attributevalue )Parameterwerte
| Parameter | Art | Beschreibung |
|---|---|---|
| attributename | String | Erforderlich. Der Name des Attributs, das Sie hinzufügen möchten |
| attributevalue | String | Erforderlich. Der Wert des Attributs, das Sie hinzufügen möchten |
Technische Details
| Rückgabewert: | Kein Rückgabewert |
|---|---|
| DOM Version | Core Level 1 Element Object |
Mehr Beispiele
Beispiel
Ändern Sie ein Eingabefeld mit einem Eingang-Taste:
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
Bevor das Attribut festlegen:
Nach dem Setzen des Attributs:
Versuch es selber " Beispiel
In a href Attribute mit einem Wert von "www.w3ii.com" zu einem <a> Elemente:
document.getElementById("myAnchor").setAttribute("href", "http://www.w3ii.com"); Bevor das Attribut festlegen:
Go to w3ii.com
Nach dem Setzen des Attributs:
Versuch es selber "Beispiel
Finde heraus , ob ein <a> Element ein Zielattribut hat. Wenn ja, ändern Sie den Wert des target auf "_self" :
// Get the <a> element with id="myAnchor"
var x =
document.getElementById("myAnchor");
// If the <a> element has
a target attribute, set the value to "_self"
if
(x.hasAttribute("target")) {
x.setAttribute("target", "_self");
} Versuch es selber " Verwandte Seiten
HTML Tutorial: HTML Attribute
HTML DOM Referenz: href="met_element_getattribute.html"> getAttribute() Method
HTML DOM Referenz: href="met_element_hasattribute.html"> hasAttribute() Method
HTML DOM Referenz: href="met_element_removeattribute.html"> removeAttribute() Method