Чтобы удалить элемент из DOM (объектной модели документа) с помощью JavaScript, вы можете использовать несколько методов. Вот некоторые из наиболее часто используемых:
-
remove(): метод remove() удаляет выбранный элемент из DOM.
const element = document.getElementById("myElement"); element.remove(); -
parentNode.removeChild(): метод removeChild() удаляет указанный дочерний узел выбранного родительского узла.
const parent = document.getElementById("parentElement"); const child = document.getElementById("childElement"); parent.removeChild(child); -
replaceWith(): метод replaceWith() заменяет выбранный элемент другим элементом или содержимым HTML.
const element = document.getElementById("myElement"); const newElement = document.createElement("div"); element.replaceWith(newElement); -
innerHTML: вы можете установить для свойства InnerHTML элемента пустую строку, чтобы удалить ее содержимое.
const element = document.getElementById("myElement"); element.innerHTML = ""; -
style.display: вы можете скрыть элемент, изменив его свойство display на «none».
const element = document.getElementById("myElement"); element.style.display = "none";
Это всего лишь несколько примеров того, как можно удалять элементы из DOM с помощью JavaScript. Не забудьте заменить «myElement», «parentElement» и «childElement» соответствующими идентификаторами или ссылками на элементы, которые вы хотите удалить.