Метод insertAdjacentElement()
Пример element.insertAjacentElement()
Вставьте элемент span после заголовка:
const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);
Попробуйте сами »
Ещё примеры ниже.
Описание insertAdjacentElement()
Метод insertAdjacentElement() вставляет элемент в указанную позицию.
Допустимые позиции:
| Значение | Описание |
|---|---|
| afterbegin | После начала элемента (первый потомок) |
| afterend | После элемента |
| beforebegin | Перед элементом |
| beforeend | Перед концом элемента (последний потомок) |
Синтаксис insertAdjacentElement()
element.insertAdjacentElement(position, element)
или
node.insertAdjacentElement(position, element)
Параметры insertAdjacentElement()
| Параметр | Описание |
|---|---|
| position | Обязательно. Позиция относительно элемента: afterbegin afterend beforebegin beforeend |
| element | Элемент для вставки. |
Ещё примеры insertAdjacentElement()
С использованием "afterbegin":
const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterbegin", span);
Попробуйте сами »
С использованием "beforebegin":
const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforebegin", span);
Попробуйте сами »
С использованием "beforeend":
const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforeend", span);
Попробуйте сами »
Поддержка insertAdjacentElement()
element.insertAjacentElement() поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |