如何正确使用insertBefore

　　insertBefore是JavaScript中的一个方法，用于将一个节点插入到指定节点之前。以下是正确使用insertBefore的步骤：

　　参考节点、要插入的节点：

　　referenceNode：指定插入位置，即新节点将被插入到这个节点之前。若设置为null，则新节点将被插入到文档的末尾。

　　newNode：需要被插入的节点。

　　调用insertBefore方法：

　　在JavaScript代码中，你可以通过referenceNode.insertBefore(newNode, referenceNode.nextSibling)来调用insertBefore方法。这行代码的意思是将newNode插入到referenceNode之前，紧邻referenceNode的下一个节点（如果有）。

　　注意事项：

　　要确保referenceNode、newNode都是有效的DOM元素。

　　如果newNode已经有于文档中，那么它会从当前位置移动到新的位置。

　　如果referenceNode的父节点在插入操作之前被移除，那么referenceNode也会被移除。因此，在插入之前，请确保referenceNode的父节点仍然有。

　　示例代码：

　　// 获取要插入新节点的参考节点、父节点

　　const referenceNode = document.getElementById('someElementId');

　　const parentElement = referenceNode.parentNode;

　　// 创建要插入的新节点

　　const newNode = document.createElement('div');

　　newNode.textContent = '我是新插入的节点';

　　// 将新节点插入到参考节点之前

　　parentElement.insertBefore(newNode, referenceNode);

　　通过遵循以上步骤，你可以正确地在DOM中使用insertBefore方法来插入新节点。