Метод appendChild позволяет добавить узел потомок к элементу. Узел будет добавлен к концу списка потомков.
Синтаксис:
объект.appendChild(узел)
| Параметры | Описание |
|---|---|
| узел | Является обязательным параметром. Узел, который будет добавлен. |
Пример
function createNewElement()
{
/* 1. Создадим пустой абзац и добавим его в конец списка узлов потомков элемента с id='wrap' */
var p = document.createElement('p');
document.getElementById('wrap').appendChild(p);
/* 2. Запишем в текстовый узел созданного абзаца произвольный текст, чтобы созданный
элемент отобразился на странице. */
document.getElementById('wrap').getElementsByTagName('p')[0].innerHTML=
'Я созданный с помощью скрипта абзац.';
}
function moveElement()
{
/* Переместим существующий элемент с id=he1 в конец списка потомков элемента с id=wrap */
document.getElementById('wrap').appendChild(document.getElementById('he1'));
}