Метод insertAdjacentElement()
Пример
Переместить элемент промежутка после элемента заголовка:
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterend",
s);
Попробуйте сами »
Определение и использование
Метод insertAdjacentElement()
вставляет указанный элемент в указанную позицию.
Законные значения позиции являются:
"afterbegin"
"afterend"
"beforebegin"
"beforeend"
Поддержка браузера
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.
Метод | |||||
---|---|---|---|---|---|
insertAdjacentElement() | Да | 8 | 48 | Да | Да |
Синтаксис
node.insertAdjacentElement(position, element)
Параметр значений
Параметр | Тип | Описание |
---|---|---|
position | String | Требуемый. Положение относительно элемента. Законные значения: "afterbegin" - После начала элемента (как первого дочернего элемента) "afterend" - После элемента "beforebegin" - Перед элементом "beforeend" - Перед концом элемента (как последнего дочернего элемента) |
element | HTML Элемент | Элемент, который вы хотите вставить |
Ещё примеры
Пример
С помощью значения "afterbegin":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("afterbegin",
s);
Попробуйте сами »
Пример
С помощью значения "beforebegin":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforebegin",
s);
Попробуйте сами »
Пример
С помощью значения "beforeend":
var s = document.getElementById("mySpan");
var h = document.getElementById("myH2");
h.insertAdjacentElement("beforeend",
s);
Попробуйте сами »