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