js中insertBefore的用法有哪些

在JavaScript中，insertBefore()方法用于在指定的父元素中插入一個新的子元素，并將其插入到指定的參考元素之前。它的用法有以下幾種：

1. insertBefore(newElement, referenceElement)：將newElement插入到referenceElement之前，作為referenceElement的前一個兄弟節(jié)點。

var parent = document.getElementById("parentElement");
var newElement = document.createElement("div");
var referenceElement = document.getElementById("referenceElement");
parent.insertBefore(newElement, referenceElement);

2. parentElement.insertBefore(newElement, referenceElement)：與上面的用法相同，只是將insertBefore()方法應用于父元素的DOM對象上。

var parent = document.getElementById("parentElement");
var newElement = document.createElement("div");
var referenceElement = document.getElementById("referenceElement");
parent.insertBefore(newElement, referenceElement);

3. parentElement.insertBefore(newElement, null)：將newElement插入到父元素的末尾，作為最后一個子元素。

var parent = document.getElementById("parentElement");
var newElement = document.createElement("div");
parent.insertBefore(newElement, null);

4. parentElement.insertBefore(newElement, parentElement.firstChild)：將newElement插入到父元素的開頭，作為第一個子元素。

var parent = document.getElementById("parentElement");
var newElement = document.createElement("div");
parent.insertBefore(newElement, parent.firstChild);

這些是insertBefore()方法的常見用法，你可以根據具體的需求選擇適合的用法。