So entfernen Sie Element mit ID mit JavaScript

So entfernen Sie Element mit ID mit JavaScript
Es gibt mehrere Funktionen, die JavaScript an eine Website liefert, um sie interaktiv zu machen. Eine der grundlegendsten Funktionen, die JavaScript bietet, ist das Entfernen eines Knotens oder eines Elements von einer Webseite.

Dieser Artikel folgt den folgenden Schritten, um ein Element von einer Webseite in JavaScript zu entfernen.

  • GetElements -Byid -Methoden
  • REME () Methode
  • Entfernen von Kinderknoten oder Elementen

Was ist GetElements -Methoden?

GetElements, wie der Name schon sagt, handelt. Dieser zurückgegebene Elementwert kann bei der Ausführung verschiedener Aufgaben verwendet werden.

Syntax

Als nächstes werfen wir einen Blick auf die integrierte REMET () -Methode, um herauszufinden, wie sie zum Entfernen von Elementen per ID in JavaScript verwendet werden können.

Die Methode von REME () in JavaScript

Die Methode von REME () in JavaScript hilft beim Entfernen eines Elements oder eines Knotens. Es benötigt keine Parameter oder gibt einen Wert zurück.

Wie wir den Zweck beider gesehen haben GetElementsbyid Methode und die entfernen Methode. Jetzt werfen wir einen einfachen Code -Snippet an, der ein HTML -Element von einer Webseite löscht:

Html



Entfernen Sie den Text


Dieser Text wird entfernt, wenn Sie auf die Schaltfläche klicken




Im obigen Code -Snippet wird ein einfacher Text in der

Und

HTML -Element -Tag zusammen mit einer Taste. Sobald die Schaltfläche auf den Text in die Klick ist

Tag wird von der Webseite entfernt.

Speichern und führen Sie den Code aus, die Ausgabe des obigen Snippets ähnelt dem unten gezeigten.

Jetzt sollte hinter der Schaltfläche ein JavaScript -Code hinzugefügt werden, damit die gewünschten Ergebnisse beim Klicken der Schaltfläche erzielt werden können.

JS

Im obigen Skript ist zu sehen, dass ein benutzerdefinierter Myremovefunktion Funktion wurde erstellt, in der zuerst die Ausweis des Elements wird durch die abgerufen GetelementById Methode und wird in der Variablen gespeichert Textremove.

Nach der Rückgabe des Elements per ID an die variable Textremove, die integrierte Funktion von entfernen wurde verwendet, um das HTML -Element zu entfernen, sobald die Schaltfläche klickt.

Bei der Ausführung des oben genannten Code ist eine ähnliche Ausgabe auf dem Browser zu sehen, wie unten aufgeführt.

In der obigen Snapshot der Ausgabe ist ersichtlich, dass beim Klicken auf die Schaltfläche der in der vorhandene Text vorhanden war

Das Element -Tag wurde von der Webseite entfernt.

Abschluss

JavaScript bietet verschiedene Methoden für eine bessere Webseitenfunktionalität. Das GetElementByID ist eine der häufigsten und nützlichen Methoden, die den ID -Wert eines Elements zurückgeben. Das Element, dessen ID in einer Variablen gespeichert ist.