Синтаксис JavaScript Справочник JavaScript Коды клавиш События Строгий режим

insertBefore()

Поддержка браузерами

Описание

Метод insertBefore() добавляет узел (element) в список дочерних элементов указанного родителя перед указанным узлом (element). Если элемент уже присутствует на странице, тогда insertBefore() удаляет элемент с его текущей позиции и перемещает на новую – перед указанным узлом (element) указанного родителя.

Синтаксис

element.insertBefore(newElement, referenceElement);

Аргументы

Возвращаемое значение

Пример

<button id="test">Добавить абзац!</button>
<div>
  <p id="child">Существующий абзац.</p>
</div>

<script>
  var button = document.querySelector("#test");
  button.addEventListener("click", foo, false);
  var i = 1;
  var div = document.querySelector("div");

  function foo() {
    var p = document.createElement("p");
    var child = document.querySelector("#child");
    p.innerHTML = "Добавлен " + i + "-й абзац.";
    div.insertBefore(p, child);
    i++;
  }
</script>
    
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | Обратная связь