insertAdjacentElement()

Обновлено: 19.03.2023

Визначення та використання

Метод insertAdjacentElement()вставляє елемент an у вказану позицію.

Правові позиції:

Значенняопис
afterbeginПісля початку елемента (перший дочірній)
afterendПісля стихії
перед початкомПеред стихією
перед кінцемДо кінця елемента (останній дочірній)




Приклад

Вставте елемент span після заголовка:

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);

Синтаксис

element.insertAdjacentElement(position, element)
або
node.insertAdjacentElement(position, element)

Параметри

ПараметрОпис
positionВимагається. Позиція відносно елемента: afterbegin afterend перед початком перед кінцем
elementЕлемент для вставки.

Підтримка браузера

insertAdjacentElement

Посмотреть совместимость на Can I use?

insertAdjacentElement