HTML DOM insertBefore 方法
實例
列表中添加項:
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]);
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);
添加前:
- CoffeeTea
- Water
- Milk
添加後:
- Milk
- Coffee
- Tea
- Water
嘗試一下»
所有主要瀏覽器都支持insertBefore() 方法
語法
node.insertBefore(newnode,existingnode)
參數
| 参数 | 类型 | 描述 |
|---|---|---|
| newnode | Node object | Required. The node object you want to insert |
| existingnode | 节点对象 | 必须。要添加新的节点前的子节点。 |
返回值
| 类型 | 描述 |
|---|---|
| 节点对象 | The node you inserted |
技術細節
| DOM 版本 | Core Level 1 Node Object |
|---|