js中insertbefore()方法的使用

`insertBefore()` 方法可以在指定节点之前插入一个新的子节点。该方法有两个参数：要插入的节点和参考节点。具体使用方法如下：

parentElement.insertBefore(newElement, referenceElement);

其中，`parentElement` 是指要插入新节点的父节点，`newElement` 是指要插入的新节点，`referenceElement` 是指参考节点，即新节点要插入到参考节点之前。

例如，下面的代码会在 `div` 元素内部的第一个子元素之前插入一个新的 `p` 元素：

<div id="myDiv">
  <span>这是第一个子元素</span>
  <span>这是第二个子元素</span>
</div>

var parent = document.getElementById("myDiv");
var newElement = document.createElement("p");
var referenceElement = parent.childNodes[0];
parent.insertBefore(newElement, referenceElement);

执行完上述代码后，`div` 元素内部的结构将变成：

<div id="myDiv">
  <p>这是新插入的元素</p>
  <span>这是第一个子元素</span>
  <span>这是第二个子元素</span>
</div>