Методы JavaScript для удаления элемента из DOM

Чтобы удалить элемент из DOM (объектной модели документа) с помощью JavaScript, вы можете использовать несколько методов. Вот некоторые из наиболее часто используемых:

  1. remove(): метод remove() удаляет выбранный элемент из DOM.

    const element = document.getElementById("myElement");
    element.remove();
  2. parentNode.removeChild(): метод removeChild() удаляет указанный дочерний узел выбранного родительского узла.

    const parent = document.getElementById("parentElement");
    const child = document.getElementById("childElement");
    parent.removeChild(child);
  3. replaceWith(): метод replaceWith() заменяет выбранный элемент другим элементом или содержимым HTML.

    const element = document.getElementById("myElement");
    const newElement = document.createElement("div");
    element.replaceWith(newElement);
  4. innerHTML: вы можете установить для свойства InnerHTML элемента пустую строку, чтобы удалить ее содержимое.

    const element = document.getElementById("myElement");
    element.innerHTML = "";
  5. style.display: вы можете скрыть элемент, изменив его свойство display на «none».

    const element = document.getElementById("myElement");
    element.style.display = "none";

Это всего лишь несколько примеров того, как можно удалять элементы из DOM с помощью JavaScript. Не забудьте заменить «myElement», «parentElement» и «childElement» соответствующими идентификаторами или ссылками на элементы, которые вы хотите удалить.