js中insertBefore的用法有哪些

在JavaScript中，insertBefore()方法用于在指定的父元素中插入一个新的子元素，并将其插入到指定的参考元素之前。它的用法有以下几种：

1. insertBefore(newElement, referenceElement)：将newElement插入到referenceElement之前，作为referenceElement的前一个兄弟节点。

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()方法的常见用法，你可以根据具体的需求选择适合的用法。