So entfernen Sie ein HTML -Element mit JavaScript?

Mit JavaScript DOM -Manipulationen kann ein Benutzer ein beliebiges Element von der HTML -Webseite mithilfe der Löschung löschen entfernen() Methode. In JavaScript ist jedoch ein Verweis auf seinen Knoten erforderlich, um ein Element zu entfernen. Nur mit dieser Referenz kann ein Element von der Webseite entfernt werden. Der entfernen() Die Methode entfernt das HTML. Schauen wir uns die Syntax der entfernen() Methode für alle HTML -Seitenelemente zur Verfügung.

Syntax der REME () -Methode

Die Syntax der Entfernungsmethode ist als angegeben als

Elemrefference.entfernen();

Aus der obigen Syntax ist es offensichtlich, dass Sie das nur anwenden müssen entfernen() Auf einem Element oder auf einem Knoten, um es zu entfernen, und keine zusätzlichen Parameter erforderlich sind.

Beispiel: Entfernen Sie ein Element von einer HTML -Webseite

Um die Verwendung der zu demonstrieren entfernen() Methode erstellen Sie eine HTML -Webseite mit einem Text und einer Schaltfläche mit den Codezeilen im Tag:

Du willst mich entfernen!

Klicken Sie auf mich, um sie zu entfernen

Beachten Sie, dass an Onclick () Das Attribut wurde mit der Taste hinzugefügt, die nach dem suchen wird buttonclicked () Methode in der Skriptdatei. Und der zu entfernen der Absatz hat die ID als “Mytext”

Führen Sie die HTML -Webseite aus. Sie sehen den folgenden Bildschirm auf Ihrem Browser:

Um die Funktionalität auf der Schaltfläche Klicken hinzuzufügen, besuchen Sie die Skriptdatei und erstellen Sie die buttonclicked () Funktion mit den folgenden Codezeilen:

Funktion buttonclicked ()
// kommende Linien sollen hier drinnen platziert werden

In dieser Funktion besteht der allererste Schritt darin, einen Verweis auf den Absatz zu erhalten, der mit der Verwendung von der Verwendung entfernt werden soll GetElementById () Methode wie

var elem = document.GetElementById ("Mytext");

Die Referenz wurde im Inneren des Elem Variable. Benutze die entfernen() Methode dazu Elem Variable mit Hilfe des DOT -Operators

Elem.entfernen();

Der gesamte Skriptcode -Snippet ist wie folgt:

Funktion buttonclicked ()
var elem = document.GetElementById ("Mytext");
Elem.entfernen();

Führen Sie die Webseite aus und klicken Sie auf die Schaltfläche, um das Absatz -Tag mit der ID zu entfernenMytext”:

Und das Element wurde auch von der HTML -Webseite und der DOM entfernt.

Abschluss

Mit jedem HTML-Element gibt es eine integrierte Funktion mit ES6-JavaScript, die das Element von der HTML-Webseite und der DOM ausschließt. Diese Methode wird als die benannt entfernen() Methode und wird mit einem Punktoperator auf das Element angewendet. Die Methode remove () erfordert keine Argumente und gibt keinen Wert zurück. Dieser Artikel zeigte die Arbeit der REME () -Methode.