HTML DOM insertBefore() 方法

实例

列表中添加项:

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

添加前:

添加后:

insertBefore() 方法可在已有的子节点前插入一个新的子节点。

提示： 如果你想创建一个新的文本列表项，在 LI 元素后你应该添加元素的文本节点，然后在列表中添加 LI元素。

你也可以使用 insertBefore 方法来插入/移除已存在的元素。

移动某个列表项到另一个列表项：

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

添加前:

添加后:

所有主要浏览器都支持 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