insertAdjacentHTML()
Обновлено: 19.03.2023
Визначення та використання
Метод insertAdjacentHTML()вставляє HTML-код у вказану позицію.
Правові позиції:
| Значення | опис |
|---|---|
| afterbegin | Після початку елемента (перший дочірній) |
| afterend | Після стихії |
| перед початком | Перед стихією |
| перед кінцем | До кінця елемента (останній дочірній) |
Приклад
Вставте новий елемент <p> після елемента заголовка:
const h2 = document.getElementById("myH2");
let html = "<p>My new paragraph.</p>";
h2.insertAdjacentHTML("afterend", html);Синтаксис
element.insertAdjacentHTML(position, html)
або
node.insertAdjacentHTML(position, html)
Параметри
| Параметр | Опис |
| position | Вимагається. Позиція відносно елемента: afterbegin afterend перед початком перед кінцем |
| html | HTML для вставки. |