HTML DOM appendChild()Метод

元素对象参考手册Объект Element

Пример

Добавить элемент списка:

document.getElementById("myList").appendChild(newListItem);

Перед добавлением:

  • Кофе
  • Чай

После добавления:

  • Кофе
  • Чай
  • Вода

Попробуйте сами »

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

Метод appendChild() добавляет новый дочерний узел в конец списка дочерних узлов узла.

Совет:Если newchild уже существует в дереве документа, он будет удален из дерева документа, а затем вставлен заново на новую позицию. Если newchild является узлом DocumentFragment, он не будет вставлен напрямую; вместо этого его дочерние узлы будут вставлены по порядку в конец массива childNodes[] текущего узла.

Вы можете использовать метод appendChild() для перемещения элемента в другой элемент.

Пример

Переместить элемент списка в другой список:

var node=document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);

Перед добавлением:

  • Кофе
  • Чай
  • Вода
  • Молоко

После добавления:

  • Кофе
  • Чай
  • Молоко
  • Вода

Попробуйте сами »

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Все основные браузеры поддерживают метод appendChild()

Синтаксис

node.appendChild(node)

Parameters

Параметр Type Описание
узел Объект Node Обязательный. Объект узла, который вы хотите добавить.

Возвращаемое значение

Type Описание
Объект Node Добавленный узел

Технические детали

Версия DOM Объект узла Core Level 1

元素对象参考手册Объект Element

Другие расширения