Element.insertAdjacentHTML()

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

Синтаксис:

Element.insertAdjacentHTML( position, text );

Параметри:

Element - об'єкт Element.

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

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