So entfernen Sie ein HTML -Element mit JavaScript?
Die atomischste Möglichkeit, ein Element von der HTML -Webseite zu entfernen. Um eine Methode auf ein HTML -Element anzuwenden, muss der Benutzer im JavaScript -Code eine Referenz auf dieses Element erstellen.
In diesem Artikel wird zeigen, wie ein Element mit Hilfe eines Beispiels aus einem HTML -Dokument entfernt werden kann.
Die Methode remove ()
Mit der Entfernungsmethode (wie oben erwähnt) wird ein Element entfernen, auf das es aus dem HTML -Dokument angewendet wird. Die Syntax der Entfernungsmethode lautet wie folgt:
Elemref.entfernen()In dieser Syntax ist der Elemref die Referenz des HTML -Elements im JavaScript -Code. Diese Funktion nimmt keinen Parameter auf, und es gibt auch nichts zurück. Schauen wir uns einige Beispiele an
Beispiel1: Entfernen eines Elements mit seiner Klasse
Erstellen Sie zunächst eine neue HTML -Datei und platzieren Sie die folgenden Zeilen in dieser Datei:
Ich habe die Klasse "removeme", also entferne mich!
Von LinuxHint
In diesen Zeilen wird ein einfaches Tag mit dem Klassensatz erstellt auf "entferne mich". Ausführen dieses HTML -Dokuments zeigt die folgende Ausgabe an der Klemme an:
Die Ausgabe zeigt die
Tag auf dem Bildschirm. Der ist nur ein Platzhalter, damit die Webseite nicht leer ist, wenn das Element entfernt wird. Fügen Sie danach einfach eine Taste hinzu, die das Element beim Taste entfernen und seinen Einklickwert auf Tasteclicked () einstellen:
Dies gibt uns die folgende Webseite:
Die Schaltfläche wird zur Webseite hinzugefügt, jetzt im Tag -Fügen Sie in den folgenden Zeilen hinzu:
Funktion buttonclicked ()Elem = Dokument.GetElementsByClassName ("removeme");
Elem.entfernen();
In den obigen Zeilen:
- Der Funktionsknopf wurde erstellt, der beim Drücken der Schaltfläche Entfernen ausgeführt wird
- In der Funktion wird ein Verweis auf das zu entfernende Element erstellt, indem der Klassenname verwendet wird
- Danach wird die Methode REMET () auf das Element aufgerufen, um es aus dem HTML -Dokument zu entfernen
Führen Sie jetzt den Code aus, um die folgenden Ergebnisse zu erhalten:
Sobald die Taste gedrückt wird, wird das Element mit dem ClassName = "removeme" aus dem HTML.
Beispiel 2: Entfernen eines Elements mit seiner ID
Erstellen Sie ein HTML -Dokument und erstellen Sie genau wie in Beispiel 1 ein P -Tag und eine Schaltfläche, aber diesmal geben Sie dem
Markieren Sie eine ID anstelle der Klasse:
Diesmal habe ich die ID als "Removeme", also entfernen Sie mich!
Von LinuxHint
Dadurch wird die folgende Ausgabe auf dem Browser angegeben:
Danach fügen Sie in der Skriptdatei die folgenden Zeilen hinzu:
Funktion buttonclicked ()Elem = Dokument.GetElementsbyId ("removeme");
Elem.entfernen();
In den obigen Zeilen:
- Der Funktionsknopf wurde erstellt, der beim Drücken der Schaltfläche Entfernen ausgeführt wird
- Innerhalb der Funktion wird eine Verweise auf das zu entfernende Element erstellt, indem die ID = "Removeme" verwendet wird
- Danach wird die Methode REMET () auf das Element aufgerufen, um es aus dem HTML -Dokument zu entfernen
Ausführen des HTML -Elements und Drücken der Taste erstellt das folgende Ergebnis:
Das Element mit der ID als "Removeme" wurde aus dem HTML -Dokument entfernt
Abschluss
Die Methode von REME () kann auf ein Element angewendet werden, um es aus dem DOM des HTML -Dokuments zu entfernen. Um diese Methode jedoch auf ein Element anzuwenden, muss zuerst ein Verweis auf das Element erstellt werden. Und dann wird die Methode von REME () () für diese Referenz dieses Elements mit dem Punktoperator verwendet. Dieser Artikel hat die Arbeit der REME () -Methode mit Beispielen erläutert.