例
插入一個新的<li>一個的第一個子元素之前元素<ul>元素：
var newItem = document.createElement("LI"); // Create a <li> node
var textnode = document.createTextNode("Water"); // Create a text node
newItem.appendChild(textnode); // Append the text to <li>
var list =
document.getElementById("myList"); // Get the
<ul> element to insert a new node
list.insertBefore(newItem,
list.childNodes[0]); // Insert <li> before the first child of
<ul>插入之前：
- Coffee
- Tea
插入後：
- Water
- Coffee
- Tea
試一試» 更多"Try it Yourself"下面的例子。
定義和用法
該insertBefore()方法插入一個節點作為一個孩子，現有子，其中指定之前。
提示：如果您想創建一個新的列表項，文本，記住創建文本為您附加到一個文本節點<li>元素， 然後插入<li>到列表中。
還可以使用所述的insertBefore方法插入/移動現有元件(See "More Examples")
瀏覽器支持
在表中的數字規定，完全支持方法的第一個瀏覽器版本。
| 方法 | |||||
|---|---|---|---|---|---|
| insertBefore() | 是 | 是 | 是 | 是 | 是 |
句法
參數值 參數 類型 描述 newnode Node object 需要。 要插入的節點對象 existingnode Node object 可選的。 子節點你想之前插入新節點。 未指定的情況下，的insertBefore方法將在端插入newnode
技術細節
返回值： 一個節點對象，代表所插入的節點 DOM版本 核心1級節點對象
更多示例
例
移動一個<li>元素從一個列表到另一個：
var node = document.getElementById("myList2").lastChild;
var
list = document.getElementById("myList1");
list.insertBefore(node, list.childNodes[0]); 插入之前：
- Coffee
- Tea
- Water
- Milk
的insertBefore後：
- Milk
- Coffee
- Tea
- Water
試一試»