HTML DOM removeChild() Method

<Элемент объекта

Больше "Try it Yourself" примеры ниже.

Определение и использование

removeChild() метод удаляет указанный дочерний узел указанного элемента.

Возвращает удаленный узел в качестве объекта Node, или нуль , если узел не существует.

Примечание: Удаленный дочерний узел больше не является частью DOM. Тем не менее, со ссылкой , возвращенного этим методом, можно вставить вынутый ребенка к элементу в более позднее время (See "More Examples") .

Совет: Используйте appendChild() или insertBefore() метод , чтобы вставить удаленный узел в том же документе. Для того, чтобы вставить его в другой документ, используйте документ. adoptNode() или документ. importNode() метод.

Поддержка браузеров

Синтаксис

Значения параметров

параметр	Тип	Описание
node	Node object	Необходимые. Объект узла вы хотите удалить

Технические подробности

Возвращаемое значение:	Объект Узел, представляющий удалить узел, или нулевое значение , если узел не существует
DOM Version	Базовый уровень 1 Узел объект

---

Еще примеры

пример

Выясните, если список имеет дочерние узлы. Если это так, удалите свой первый дочерний узел (index 0) :

// Get the <ul> element with id="myList"
var list = document.getElementById("myList");

// If the <ul> element has any child nodes, remove its first child node
if (list.hasChildNodes()) {
    list.removeChild(list.childNodes[0]);
}

Перед удалением:

• Coffee
• Tea
• Milk

Перед удалением:

• Tea
• Milk

Попробуй сам "

пример

Удалить все дочерние узлы списка:

// Get the <ul> element with id="myList"
var list = document.getElementById("myList");

// As long as <ul> has a child node, remove it
while (list.hasChildNodes()) {  
    list.removeChild(list.firstChild);
}

Перед удалением:

• Coffee
• Tea
• Milk

После удаления:

Попробуй сам "

пример

Удаление <li> элемент с ID = «Myli» от своего родительского элемента (без указания его родительского узла):

var item = document.getElementById("myLI");
item.parentNode.removeChild(item);

Перед удалением:

• Coffee
• Tea
• Milk

После удаления:

• Coffee
• Milk

Попробуй сам "

пример

Удаление <li> элемент из его родителей, а затем вставьте его снова:

var item = document.getElementById("myLI");

function removeLi() {
    item.parentNode.removeChild(item);
}

function appendLi() {
    var list = document.getElementById("myList");
    list.appendChild(item);
}

Попробуй сам "

пример

Удаление <span> элемента из его родителей и вставить его в <h1> элемента в другом документе:

var child = document.getElementById("mySpan");

function removeLi() {
    child.parentNode.removeChild(child);
}

function myFunction() {
    var frame = document.getElementsByTagName("IFRAME")[0]
    var h = frame.contentWindow.document.getElementsByTagName("H1")[0];
    var x = document.adoptNode(child);
    h.appendChild(x);
}

Попробуй сам "

---

<Элемент объекта