Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

Метод HTML DOM InsertBefore

Элементы Object Reference объект Element

примеров

Добавление элементов в список:

document.getElementById("myList").insertBefore( newItem,existingItem );

Перед добавлением:

  • Coffee
  • Tea

После добавления:

  • Water
  • Coffee
  • Tea

Попробуйте »

Определение и использование

Метод InsertBefore () вставляет новый дочерний узел перед существующим дочернего узла.

Совет: Если вы хотите создать новый элемент списка текст после элемента LI следует добавить текстовый узел элемента, а затем добавить элемент LI в списке.

Кроме того, можно использовать метод InsertBefore для вставки / удаления элементов, которые уже существуют.

примеров

Переместить элемент списка к другому элементу списка:

var node=document.getElementById("myList2").lastChild;
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);

Перед добавлением:

  • CoffeeTea
  • Water
  • Milk

После добавления:

  • Milk
  • Coffee
  • Tea
  • Water

Попробуйте »

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Все основные браузеры поддерживают InsertBefore метод ()

грамматика

node.insertBefore(newnode,existingnode)

параметры

参数 类型 描述
newnode Node object Required. The node object you want to insert
existingnode 节点对象 必须。要添加新的节点前的子节点。

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

类型 描述
节点对象 The node you inserted

технические детали

DOM версия Базовый уровень 1 Узел Объект

Элементы Object Reference объект Element