HTML DOM insertBefore() 方法

實(shí)例

列表中添加項(xiàng):

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

添加前:

添加后:

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

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

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

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

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)對(duì)象	必須。要插入的節(jié)點(diǎn)對(duì)象
existingnode	節(jié)點(diǎn)對(duì)象	必須。要添加新的節(jié)點(diǎn)前的子節(jié)點(diǎn)。

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

DOM 版本	Core Level 1 Node Object

其他擴(kuò)展

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