Удаление узлов в JavaScript: методы манипулирования DOM

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

  1. removeChild(): этот метод удаляет указанный дочерний узел из его родительского узла. Вам необходимо определить родительский узел и дочерний узел, который вы хотите удалить. Вот пример:
var parent = document.getElementById("parentElement");
var child = document.getElementById("childElement");
parent.removeChild(child);
  1. remove(): этот метод поддерживается в новых браузерах и может использоваться непосредственно для элемента, который вы хотите удалить. Вот пример:
var element = document.getElementById("elementToDelete");
element.remove();
  1. parentNode.removeChild(): этот метод является альтернативой методу removeChild(). Он удаляет указанный дочерний узел, вызывая свойство родительского узла элемента. Вот пример:
var child = document.getElementById("childElement");
child.parentNode.removeChild(child);
  1. replaceChild(): этот метод заменяет указанный дочерний узел новым узлом. Вам необходимо определить родительский узел, новый узел и узел, который вы хотите заменить. Вот пример:
var parent = document.getElementById("parentElement");
var newChild = document.createElement("div");
var oldChild = document.getElementById("oldChildElement");
parent.replaceChild(newChild, oldChild);
  1. innerHTML: вы также можете использовать свойство InnerHTML для удаления содержимого элемента. Это эффективно удаляет все дочерние узлы внутри элемента. Вот пример:
var element = document.getElementById("elementToDelete");
element.innerHTML = "";