例
插入一个新的<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
试一试»