So fügen Sie das DOM -Element in JavaScript Attribut hinzu

So fügen Sie das DOM -Element in JavaScript Attribut hinzu

Das DOM ist die Struktur eines HTML -Dokuments, das von seinem Stammelement bis zum Ende des Dokuments beginnt. Jedes Element, wie z. "P","div", oder "Tisch„, Wird als DOM -Element bezeichnet. Mit den DOM -Elementen kann der Benutzer den Inhalt der Webseite ändern. Ein Attribut gibt die Sammlung von Objekten an. Darüber hinaus bietet JavaScript setAtTribute () -Methoden zum Hinzufügen oder Ändern der Attribute von DOM -Elementen. In diesem Beitrag haben wir alle möglichen Methoden demonstriert, um den DOM -Elementen in JavaScript Attribute hinzuzufügen,.

  • So fügen Sie das DOM -Element in JavaScript Attribut hinzu
  • Das DOM -Element zu Attribut hinzufügen
  • Fügen Sie dem DOM -Element mehrere Attribute hinzu

So fügen Sie das DOM -Element in JavaScript Attribut hinzu?

Die Methode setAttribute () wird verwendet, um einem vorhandenen Element einen Attributwert hinzuzufügen. Wenn das Attribut bereits hinzugefügt wurde, aktualisiert setAttribute () den Wert. Es dauert zwei Eingänge, einer ist der Name und der zweite gibt den Wert an. Durch das Laden der Webseite wird die Attributeigenschaft auf die DOM -Elemente angewendet. Die Syntax der Methode setAttribute () wird unten bereitgestellt:

Syntax

setAttribute (Name, Wert)

Die Parameter werden wie folgt beschrieben:

  • Name: Bezieht sich auf den Attributnamen.
  • Wert: Gibt den Wert des Attributs an.

Beispiel 1: Fügen Sie dem DOM -Element ein Attribut hinzu

Ein Beispiel wird durch die Zugabe eines Attributs zum DOM -Element berücksichtigt. Die Methode setAttribute () wird verwendet. Der Beispielcode ist unten geschrieben:

Code



Beispiel, um das DOM -Element Attribut hinzuzufügen.


Klicken Sie auf die Schaltfläche, um sie zu deaktivieren





Die Beschreibung des Codes ist unten bereitgestellt:

  • Eine Taste mit dem Namen “Klicktaste"Ist angebracht und hat eine eindeutige ID"Btn”.
  • Danach ist diese Schaltfläche mit der „zugeordnet“btn_fn ()" Methode.
  • In dieser Methode “,“GetelementById"Wird verwendet, um das zu extrahieren"Btn" Ausweis.
  • Endlich, das "setAttribute ()Die Methode wird verwendet, um den Knopf zu deaktivieren, indem Sie eins bestehen leer Es deaktiviert die Taste, indem Sie sie drücken.

Ausgang

Es wird beobachtet, dass nach dem Drücken der “Klicktaste", Der deaktivierte Wert wird von der" übergeben "setAttribute ()" Methode.

Beispiel 2: Fügen Sie dem DOM -Element mehrere Attribute hinzu

Es wird ein Beispiel in Betracht gezogen, um dem DOM -Element mehrere Attribute hinzuzufügen, indem die Methode setAttribute () in JavaScript verwendet wird. Die Methode setAttribute () extrahiert die DOM -Elemente nach GetelementById. Danach die Eigenschaft über die Methode setAttribute () zuweisen. Diese Attribute enthalten eine Schaltfläche, einen Link und eine Styling -Eigenschaft. Zum Beispiel ist der Code wie folgt.

Code



Beispiel für das Hinzufügen eines Attributs mithilfe von setAttribute () -Methoden.


Google.com






Die Beschreibung des Codes wird in der folgenden Reihenfolge bereitgestellt:

  • Erstens ein Anker “"Das Tag wird verwendet, indem die ID bestanden wird"Verknüpfung”.
  • In diesem Link, “com”Wird als Text zur Anzeige im Browser übergeben.
  • Ein Knopf "Attribute hinzufügenIst angebracht, das mit dem verbunden istSpaß()" Methode. Der "func ()”Wird durch die Taste mit dem ausgelöst ONCLICK Wert.
  • Der "setAttribute ()"Methode wird zum Abrufen verwendet"Verknüpfung"Verwenden"GetelementById" und ein "href"Attribut wird festgelegt, dessen Wert ist"https: // www.Google.com/”.
  • Ähnlich ein "StilDas Attribut wird festgelegt, dessen Wert ist "Hintergrundfarbe: Rot" zum Ändern der Texterhintergrundfarbe.

Ausgang

Erstens ist der Text nicht anklickbar. Nach dem Drücken der Taste “Attribute hinzufügen”, Ein Link wird dem Text hinzugefügt“Google.comDas ist jetzt anklickbar und öffnet die mit dem Link zugeordnete Webseite.

Abschluss

Die Methode setAttribute () wird verwendet, um den Elementen in JavaScript ein Attribut hinzuzufügen. Die gleiche Methode aktualisiert den Wert des Attributs, wenn das DOM -Element bereits das Attribut enthält. Dieser Beitrag hat die Methoden zum Hinzufügen von Attributen zu den DOM -Elementen in JavaScript demonstriert. Die Methode setAttriBten () nimmt einen Namen und einen Wert als Argumente an. Darüber hinaus können Benutzer mehrere Attribute auf DOM -Elemente festlegen, indem sie JavaScript verwenden. Dieser Artikel zeigt zwei Beispiele, indem der Attributwert des DOM -Elements in JavaScript addiert und geändert wird.