HTML DOM insertBefore() 方法

實例

列表中添加項:

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

添加前:

添加后:

insertBefore() 方法可在已有的子節(jié)點前插入一個新的子節(jié)點。

提示： 如果你想創(chuàng)建一個新的文本列表項，在 LI 元素后你應該添加元素的文本節(jié)點，然后在列表中添加 LI元素。

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

移動某個列表項到另一個列表項：

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

添加前:

添加后:

所有主要瀏覽器都支持 insertBefore() 方法

node.insertBefore(newnode,existingnode)

參數(shù)	類型	描述
newnode	節(jié)點對象	必須。要插入的節(jié)點對象
existingnode	節(jié)點對象	必須。要添加新的節(jié)點前的子節(jié)點。

類型	描述
節(jié)點對象	你插入的節(jié)點/td>

DOM 版本	Core Level 1 Node Object

其他擴展

上一篇：HTML DOM innerHTML 屬性下一篇：HTML DOM isContentEditable 屬性