js中insertBefore用法有哪几种

在JavaScript中，insertBefore方法用于在指定元素的父元素中插入新的子元素，并将其放置在指定元素之前。
insertBefore方法有两个参数：
1. newElement：要插入的新元素。
2. referenceElement：参考元素，新元素将插入在该元素之前。
以下是几种使用insertBefore方法的常见用法：
1. 在父元素中的第一个子元素之前插入新元素：
```javascript
var parentElement = document.getElementById("parentElement");
var newElement = document.createElement("div");
parentElement.insertBefore(newElement, parentElement.firstChild);
```
2. 在指定元素之前插入新元素：
```javascript
var referenceElement = document.getElementById("referenceElement");
var newElement = document.createElement("div");
referenceElement.parentNode.insertBefore(newElement, referenceElement);
```
3. 在指定元素以后插入新元素（可以通过获得下一个兄弟元夙来实现）：
```javascript
var referenceElement = document.getElementById("referenceElement");
var newElement = document.createElement("div");
referenceElement.parentNode.insertBefore(newElement, referenceElement.nextSibling);
```
这些是insertBefore方法的一些常见用法，可以根据具体的需求进行适当的修改和调剂。