溫馨提示×

javascript當中insertBefore的用法

小億
272
2023-12-19 05:47:46
欄目: 編程語言

在JavaScript中,insertBefore()方法用于將一個元素插入到指定元素的前面。

語法: parentNode.insertBefore(newNode, referenceNode);

參數說明:

  • newNode:要插入的新元素。
  • referenceNode:參考節點,新元素將插入到此節點之前。

示例:

// 創建要插入的新元素
var newItem = document.createElement("li");
var textNode = document.createTextNode("Item 4");
newItem.appendChild(textNode);

// 找到參考節點
var list = document.getElementById("myList");
var referenceNode = document.getElementById("item2");

// 將新元素插入到參考節點的前面
list.insertBefore(newItem, referenceNode);

在上述示例中,我們首先使用createElement()方法創建了一個新的li元素,并使用createTextNode()方法創建了一個文本節點。然后,我們找到了要插入的父節點和參考節點。最后,我們使用insertBefore()方法將新元素插入到參考節點之前。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女