Метод 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. Он избавляет от лишнего кода и делает работу с динамическими интерфейсами удобнее.