HTML DOM insertBefore() 方法

實例

列表中添加項:

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

添加前:

添加后:

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

提示： 如果你想創(chuàng)建一個新的文本列表項，在 LI 元素后你應(yīng)該添加元素的文本節(jié)點(diǎn)，然后在列表中添加 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é)點(diǎn)對象	必須。要插入的節(jié)點(diǎn)對象
existingnode	節(jié)點(diǎn)對象	必須。要添加新的節(jié)點(diǎn)前的子節(jié)點(diǎn)。

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

DOM 版本	Core Level 1 Node Object

其他擴(kuò)展

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