Метод remove() в Javascript

Метод remove() позволяет удалить элемент со страницы без необходимости обращаться к его родителю. Это самый удобный способ удаления элементов в современном JavaScript.

element.remove();

Удаление элемента со страницы по id

let element = document.getElementById('box');
element.remove(); 
// Полностью убираем элемент с id "box"

Удаление элемента по классу

document.querySelector('.item').remove();

Удаление всех элементов списка, с помощью комбинации с forEach()

document.querySelectorAll('.list-item').forEach(item => item.remove());

Удаление элементов со страницы, после событий, например при клине на чем либо

document.getElementById('deleteBtn').addEventListener('click', function () {
  this.remove(); 
  // Кнопка удалит саму себя
});

Метод remove() помогает с удалением элементов из DOM. Он избавляет от лишнего кода и делает работу с динамическими интерфейсами удобнее.


Home About Links

Text me