HTML DOM Element setAttributeNode()-Methode

Definition und Verwendung

setAttributeNode() Fügt dem Element den angegebenen Attributknoten hinzu und gibt das Attribute-Objekt zurück.

Fügt dem Element den angegebenen Attributknoten hinzu und gibt das Attribute-Objekt zurück. Wenn dieses spezifizierte Attribut bereits existiert, ersetzt diese Methode es.

Alternativvorschlag:

Verwenden Sie setAttribute()-Methode Einfacher.

Siehe auch:

Referenzhandbuch:

getAttributeNode()-Methode

removeAttributeNode()-Methode

createAttribute()-Methode

getAttribute()-Methode

setAttribute()-Methode

hasAttribute()-Methode

Attribute value-Attribut

HTML DOM Attribute-Objekt

Tutorium:

HTML-Attribute

Unterschied zwischen setAttribute() und setAttributeNode()

setAttribute() Methode ersetzt den Attributwert.

setAttributeNode() Methode ersetzt das Attribute-Objekt.

Bevor Sie das Attribut dem Element hinzufügen, müssen Sie das Attr-Objekt erstellen und den Attr-Wert setzen.

Das Ergebnis wird gleich sein.

Beispiel

Beispiel 1

Setzen Sie das class-Attributknoten des ersten <h1>-Elements:

const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);

Probieren Sie es selbst aus

Vor der Einstellung:

Hallo Welt

Nach der Einstellung:

Hallo Welt

Beispiel 2

Setzen Sie den Attributknoten der href-Eigenschaft des <a>-Elements:

const attr = document.createAttribute("href");
attr.value = "";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);

Probieren Sie es selbst aus

Vor der Einstellung:

Besuchen Sie codew3c.com

Nach der Einstellung:

Besuchen Sie codew3c.com

Syntax

element.setAttributeNode(newAttr)

Parameter

Parameter Beschreibung
newAttr Erforderlich. Stellt das Attribut dar, das hinzugefügt werden soll, oder dessen Wert geändert werden soll, oder den Attributknoten.

Rückgabewert

Typ Beschreibung
Objekt

stellt das Attr-Objekt des ersetzenen Attributknotens dar.

wird null, wenn keine Eigenschaft ersetzt wird.

wird ausgelöst

Diese Methode wirft eine DOMException-Ausnahme mit folgendem Code aus:

Ausnahme Beschreibung
INUSE_ATTRIBUTE_ERR newAttr bereits ein Mitglied der Eigenschaftssammlung anderer Elementknoten.
NO_MODIFICATION_ALLOWED_ERR Der aktuelle Elementknoten ist schreibgeschützt und es ist die Änderung seiner Eigenschaften nicht erlaubt.
WRONG_DOCUMENT_ERR newAttr unterscheidet sich von der ownerDocument-Eigenschaft des zu setzenden Elementknotens.

Browserunterstützung

element.setAttributeNode() 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