Метод insertAdjacentHTML()
Пример
Вставьте новый элемент <p> после элемента заголовка:
var h = document.getElementById("myH2");
h.insertAdjacentHTML("afterend",
"<p>Мой новый параграф</p>");
Попробуйте сами »
Определение и использование
Метод insertAdjacentHTML()
вставляет текст в формате HTML в указанную позицию.
Законные значения позиции являются
"afterbegin"
"afterend"
"beforebegin"
"beforeend"
Поддержка браузера
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.
Метод | |||||
---|---|---|---|---|---|
insertAdjacentHTML() | 1 | 4 | 8 | 4 | 7 |
Синтаксис
node.insertAdjacentHTML(position, text)
Параметр значений
Параметр | Тип | Описание |
---|---|---|
position | String | Требуемый. Положение относительно элемента. Законные значения: "afterbegin" - После начала элемента (как первого дочернего элемента) "afterend" - После элемента "beforebegin" - Перед элементом "beforeend" - Перед концом элемента (как последнего дочернего элемента) | \
text | String | Текст, который вы хотите вставить |
Ещё примеры
Пример
С помощью значения "afterbegin":
h.insertAdjacentHTML("afterbegin", "<span style='color:red'>Мой span</span>");
Попробуйте сами »
Пример
С помощью значения "beforebegin":
h.insertAdjacentHTML("beforebegin", "<span style='color:red'>Мой span</span>");
Попробуйте сами »
Пример
С помощью значения "beforeend":
h.insertAdjacentHTML("beforeend", "<span style='color:red'>Мой span</span>");
Попробуйте сами »