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 );