HTML DOM Element setAttribute() Methode

Definition und Verwendung

setAttribute() Die Methode fügt die angegebene Eigenschaft hinzu und weist ihr den angegebenen Wert zu.

Wenn die angegebene Eigenschaft bereits vorhanden ist, wird nur der Wert festgelegt/geändert.

Beachten Sie:Das HTMLElement-Objekt des HTML-Dokuments definiert auch JavaScript-Eigenschaften für alle entsprechenden Standard-HTML-Eigenschaften. Daher müssen Sie diese Methode nur dann verwenden, wenn Sie nicht standardisierte Eigenschaften setzen müssen.

Siehe auch:

Referenzhandbuch:

getAttribute() Methode

removeAttribute() Methode

hasAttribute() Methode

hasAttributes() Methode

getAttributeNode() Methode

setAttributeNode() Methode

removeAttributeNode() Methode

Tutorium:

HTML-Attribute

Beispiel

Beispiel 1

Dem Element hinzufügen der Eigenschaft class:

element.setAttribute("class", "democlass");

Vor dem Hinzufügen:

Element-Objekt

Nach dem Hinzufügen:

Element-Objekt

Versuchen Sie es selbst

Beispiel 2

Setzen Sie das Eingabefeld in einen Button um:

myInput.setAttribute("type", "button");

Versuchen Sie es selbst

Vor dem Ändern:

Nach dem Ändern:

Beispiel 3

Fügen Sie dem <a>-Element das href-Attribut hinzu:

myAnchor.setAttribute("href", "");

Versuchen Sie es selbst

Vor dem Hinzufügen:

Besuchen Sie codew3c.com

Nach dem Hinzufügen:

Besuchen Sie codew3c.com

Beispiel 4

Setzen Sie den Wert des target-Attributs auf "_self":

if (element.hasAttribute("target")) {      
  element.setAttribute("target", "_self");
}

Versuchen Sie es selbst

Syntax

element.setAttribute(name, value)

Parameter

Parameter Beschreibung
name Notwendig. Name des Attributes.
value Notwendig. Neuer Attributwert.

Rückgabewert

Keine.

werfen

Ausnahme Beschreibung
INVALID_CHARACTER_ERR Parameter name Zeichen, die in HTML-Attributnamen oder XML-Attributnamen nicht verwendet werden dürfen, sind enthalten.
NO_MODIFICATION_ALLOWED_ERR Das aktuelle Element ist schreibgeschützt und es ist nicht erlaubt, seine Attribute zu ändern.

Beachtung

Es kann einem Element einen style-Attribut mit Wert hinzufügen, aber es wird nicht empfohlen, dies zu tun, da es andere Attribute im style-Attribut überschreiben kann.

Verwenden Sie bitte die Eigenschaften des Style-Objekts:

Nachteil:

element.setAttribute("style", "background-color:red;");

Vorteil:

element.style.backgroundColor = "red";

Browserunterstützung

element.setAttribute() Es ist eine Eigenschaft von DOM Level 1 (1998).

Es wird in allen Browsern vollständig 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