HTML DOM insertBefore() 方法

元素對象參考手冊 元素對象

實例

列表中添加項:

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

添加前:

  • Coffee
  • Tea

添加後:

  • Water
  • Coffee
  • Tea

定義和用法

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

提示： 如果你想創建一個新的文本列表項，在 LI 元素後你應該添加元素的文本節點，然後在列表中添加 LI元素。

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

實例

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

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

添加前:

  • CoffeeTea
  • Water
  • Milk

添加後:

  • Milk
  • Coffee
  • Tea
  • Water

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

語法

node.insertBefore(newnode,existingnode)

參數

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

返回值

類型 描述
節點對象 你插入的節點/td>

技術細節

DOM 版本 Core Level 1 Node Object

元素對象參考手冊 元素對象