Element.appendChild()

Element.appendChild() - вставляє елемент в кінці списку дочірних.

Синтаксис:

Element.appendChild( el );

Параметри:

Element - об'єкт Element.

el - елемент який необхідно вставити.

Опис:

appendChild() метод об'єкту Element який вставляє елемент у кінець списку дочірних елементів.

Якщо елемент el вже існує в документі то він видаляється і втавляється (переміщується).

Щоб додати елемент на початок дочірніх елементів використовуйте метод Element.insertBefore().

Приклад:

#test

var el = document.getElementById("test");
newEl=document.createElement("b");
newEl.innerText="JavaScript";

el.appendChild( newEl );

var p = document.createElement('p');
p.innerText="яваскрипт.укр";
p.style.color='blue';
p.style.backgroundColor='#3d3d3d';
var el = document.getElementById("test");

el.appendChild( p );

var el = document.createElement("div");
el.innerText="*** JavaScript ***";
el.align="center";
el.style.backgroundColor="#ae9078";
document.body.appendChild( el );