Element.insertAdjacentElement()

Element.insertAdjacentElement() - вставляє елемент у задану позицію в елементі.

Синтаксис:

Element.insertAdjacentElement( position, el );

Параметри:

Element - об'єкт Element.

position - рядок який містить позицію вставки елемента:

"beforebegin" - перед самим елементом.
"afterbegin" - всередині елемента, на початку.
"beforeend" - всередині елемента, в кінці.
"afterend" - після самим елементом.

<! - beforebegin->
<p>
<! - afterbegin->
 текст 
 <! - beforeend->
 </p>
 <! - afterend->

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

Опис:

insertAdjacentElement() метод об'єкту Element який вставляє заданий елемент у вказану позицію елемента.

Приклад:

#test

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

document.getElementById("test").insertAdjacentElement("beforebegin", newEl);

var newEl = document.createElement("p");
newEl.style.color="blue";
newEl.innerText="абзац";

var el =document.getElementById("test");
el.insertAdjacentElement("afterend", newEl);