實(shí)例

向列表中插入一個(gè)項(xiàng)目：

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

插入之前：

Coffee
Tea

插入之后：

Water
Coffee
Tea

親自試一試

定義和用法

insertBefore() 方法在您指定的已有子節(jié)點(diǎn)之前插入新的子節(jié)點(diǎn)。

提示：如果您希望創(chuàng)建包含文本的新列表項(xiàng)，請記得創(chuàng)建文本節(jié)點(diǎn)形式的文本，以便追加到 LI 元素中，然后向列表插入這個(gè) LI。

您也可以使用 insertBefore 方法插入/移動(dòng)已有元素。

實(shí)例

把一個(gè)列表項(xiàng)從一個(gè)列表移動(dòng)到另一個(gè)中：

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

插入之前：

Coffee
Tea
Water
Milk

插入之后：

Milk
Coffee
Tea
Water

瀏覽器支持

所有主流瀏覽器均支持 insertBefore() 方法。

語法

node.insertBefore(newnode,existingnode)

參數(shù)

返回值

技術(shù)細(xì)節(jié)