js中insertBefore用法有哪些

在JavaScript中，insertBefore方法用于在指定元素的父元素中插入新的子元素，并将其放置在指定元素之前。

insertBefore方法有两个参数：

1. newElement：要插入的新元素。

2. referenceElement：参考元素，新元素将插入在该元素之前。

以下是几种使用insertBefore方法的常见用法：

1. 在父元素中的第一个子元素之前插入新元素：

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

2. 在指定元素之前插入新元素：

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

3. 在指定元素之后插入新元素（可以通过获取下一个兄弟元素来实现）：

var referenceElement = document.getElementById("referenceElement");
var newElement = document.createElement("div");
referenceElement.parentNode.insertBefore(newElement, referenceElement.nextSibling);

这些是insertBefore方法的一些常见用法，可以根据具体的需求进行适当的修改和调整。