Метод insertAdjacentHTML()
Пример element.insertAdjacentHTML()
Вставьте новый элемент <p> после элемента заголовка:
const h2 = document.getElementById("myH2");
let html = "<p>Мой новый параграф.</p>";
h2.insertAdjacentHTML("afterend", html);
Попробуйте сами »
Описание insertAdjacentHTML()
Метод insertAdjacentHTML() вставляет HTML-код в указанную позицию.
Допустимые позиции:
| Значение | Описание |
|---|---|
| afterbegin | После начала элемента (первый потомок) |
| afterend | После элемента |
| beforebegin | Перед элементом |
| beforeend | Перед концом элемента (последний потомок) |
Синтаксис insertAdjacentHTML()
element.insertAdjacentHTML(position, html)
или
node.insertAdjacentHTML(position, html)
Параметры insertAdjacentHTML()
| Параметр | Описание |
|---|---|
| position | Обязательно. Положение относительно элемента: afterbegin afterend beforebegin beforeend |
| html | HTML-код для вставки. |
Ещё примеры insertAdjacentHTML()
Использование "afterbegin":
let html = "<span style='color:red'>Мой span</span>";
h2.insertAdjacentHTML("afterbegin", html);
Попробуйте сами »
Поддержка insertAdjacentHTML()
element.insertAjacentHTML() поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |