Jak usunąć element HTML za pomocą JavaScript?

JavaScript DOM Manipulacje pozwalają użytkownikowi usunąć dowolny element ze strony internetowej HTML za pomocą usunąć() metoda. Jednak w JavaScript wymagane jest odniesienie do jego węzła, aby usunąć element. Tylko przy tym odniesieniu można usunąć element ze strony internetowej. usunąć() Metoda usuwa element HTML z modelu obiektu dokumentu strony internetowej, biorąc element jako węzeł. Spójrzmy na składnię usunąć() Metoda dostępna dla wszystkich elementów strony HTML.

Składnia metody remove ()

Składnia metody usuwania jest podana jako

Elemrefefference.usunąć();

Z powyższej składni widać, że wystarczy zastosować usunąć() na elemencie lub na węźle do jego usunięcia i nie są wymagane żadne dodatkowe parametry.

Przykład: Usuń element ze strony internetowej HTML

Aby zademonstrować użycie usunąć() Metoda, utwórz stronę HTML z tekstem i przyciskiem za pomocą linii kodu wewnątrz znacznika:

Chcesz mnie usunąć!

Kliknij mnie, aby usunąć

Zauważ, że na kliknięcie() Atrybut został dodany z przyciskiem, który będzie szukał ButtonClicked () metoda w pliku skryptu. A akapit do usunięcia ma identyfikator „MyText"

Wykonaj stronę internetową HTML. Zobaczysz następujący ekran w przeglądarce:

Aby dodać funkcjonalność kliknięcia przycisku, przejdź do pliku skryptu i utwórz ButtonClicked () Funkcja z następującymi wierszami kodu:

funkcja ButtonClicked ()
// nadchodzące linie należy umieścić tutaj w środku

Wewnątrz tej funkcji pierwszym krokiem jest uzyskanie odniesienia do akapitu, który ma zostać usunięty getElementById () metoda jak

var elem = dokument.getElementById („MyText”);

Odniesienie zostało przechowywane w środku Elem zmienny. Użyj usunąć() Metoda tego Elem zmienna za pomocą operatora kropki

Elem.usunąć();

Fragment całego kodu skryptu będzie podobny do:

funkcja ButtonClicked ()
var elem = dokument.getElementById („MyText”);
Elem.usunąć();

Wykonaj stronę internetową i kliknij przycisk, aby usunąć znacznik akapitu za pomocą identyfikatora „MyText”:

A element został usunięty z strony internetowej HTML i DOM.

Wniosek

Z każdym elementem HTML istnieje wbudowana funkcja, która jest dostarczana z JavaScript ES6, która eliminuje element ze strony internetowej HTML i DOM. Ta metoda nosi nazwę usunąć() metoda i jest stosowana do elementu za pomocą operatora kropki. Metoda remove () nie wymaga żadnych argumentów i nie zwraca żadnej wartości. W tym artykule pokazano działanie metody remove ().