HTML DOM insertBefore() 方法
HTML DOM Node insertBefore() 方法可以在已有的子节点前插入一个新的子节点
如果想创建一个新的文本列表项,在 li 元素后应该添加元素的文本节点,然后在列表中添加 li 元素
也可以使用 insertBefore 方法来插入/移除 已存在的元素
浏览器支持
Yes | Yes | Yes | Yes | Yes |
语法
node.insertBefore( newnode,existingnode )
参数
参数 | 类型 | 描述 |
---|---|---|
newnode | 节点对象 | 必须。要插入的节点对象 |
existingnode | 节点对象 | 必须。要添加新的节点前的子节点 |
返回值
类型 | 描述 |
---|---|
节点对象 | 你插入的节点/td> |
范例
列表中添加项
document.getElementById("myList").insertBefore( newItem,existingItem );
范例
移动某个列表项到另一个列表项
var node=document.getElementById("myList2").lastChild; var list=document.getElementById("myList1"); list.insertBefore(node,list.childNodes[0]);