Element.insertAdjacentHTML()

Element.insertAdjacentHTML() - вставляє HTML текст у елемент.

Синтаксис:

Element.insertAdjacentHTML( position, text );

Параметри:

Element - об'єкт Element.

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

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

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

text - рядок з HTML текстом який необхідно вставити.

Опис:

insertAdjacentHTML() метод об'єкту Element який розбирає заданий текст у вигляді HTML і вставляє результат елементів, і вузлів в дерево DOM у зазначеній позиції.

Працює набагато швидше ніж innerHTML.

Не всі браузери підтримують.

Приклад:

#test

var el= document.getElementById("test");
el.insertAdjacentHTML("beforeend", "<b>JavaScript</b>");

alert( el.outerHTML);

document.getElementById("test").insertAdjacentHTML("beforebegin", "<p>JavaScript</p>");