Istnieje kilka funkcji, które JavaScript dostarcza na stronie internetowej, aby była interaktywna. Jednym z najbardziej podstawowych funkcji, jakie zapewnia JavaScript, jest usunięcie węzła lub elementu ze strony internetowej.

W tym artykule wykonano poniższe kroki po usunięciu elementu ze strony internetowej w JavaScript.

• Metoda getelementsById
• Metoda usuwania ()
• Usuwanie węzłów dziecięcych lub elementów

Co to jest metoda getElementSByID?

getElementsById, jak sama nazwa wskazuje, jest metodą JavaScript, która jest używana do pobrania określonego identyfikatora elementu i zwrócenia go do zmiennej. Ta zwrócona wartość elementu można wykorzystać do wykonywania różnych zadań.

Składnia

Następnie spojrzymy na metodę wbudowaną (), aby dowiedzieć się, w jaki sposób można go użyć do usuwania elementów według ID w JavaScript.

Metoda remove () w JavaScript

Metoda remove () w JavaScript pomaga usunąć element lub węzeł. Nie bierze żadnych parametrów ani nie zwraca żadnej wartości.

Jak widzieliśmy cel obu getelementsById Metoda i usunąć metoda. Teraz przyjrzymy się prostemu fragmentowi kodu, który usunie element HTML ze strony internetowej:

Html

Usuń tekst

Ten tekst zostanie usunięty po kliknięciu przycisku

Usuń wybrane owoce

W powyższym fragmencie kodu podano prosty tekst

I

Tag elementu HTML wraz z przyciskiem. Po kliknięciu przycisku tekst wewnątrz

Tag zostanie usunięty z strony internetowej.

Zapisz i uruchom kod, wyjście powyższego fragmentu jest podobne do pokazanego poniżej.

Teraz kod JavaScript powinien zostać dodany za przyciskiem, aby po kliknięciu przycisku można było osiągnąć pożądane wyniki.

JS

W powyższym skrypcie widać, że zdefiniowany przez użytkownika funkcja myRemove Funkcja została stworzona, w której po pierwsze ID elementu jest pobierany przez GetElementById metoda i jest przechowywana w zmiennej Textremove.

Po zwróceniu elementu według ID do zmiennej Textremove, wbudowana funkcja usunąć został użyty, który usunie element HTML w momencie klikania przycisku.

Po wykonaniu powyższego kodu podobne wyjście można zobaczyć w przeglądarce, jak przedstawiono poniżej.

W powyższej migawce wyjścia można zobaczyć, że po kliknięciu przycisku tekst obecny w

Tag elementu został usunięty ze strony internetowej.

Wniosek

JavaScript zapewnia różne metody lepszej funkcjonalności strony internetowej. GetElementById jest jedną z powszechnych i przydatnych metod, które zwraca wartość identyfikatora elementu. Element, którego identyfikator jest zapisywany na zmienną, można usunąć za pomocą wbudowanej funkcji usuwania JavaScript.