js 在节点之前添加节点

<div id="parent">
  <div id="child1">Child 1</div>
  <div id="child2">Child 2</div>
</div>

// 创建新节点
var newNode = document.createElement('div');
newNode.textContent = 'New Child';

// 获取参考节点
var referenceNode = document.getElementById('child1');

// 获取父节点
var parentNode = document.getElementById('parent');

// 在参考节点之前插入新节点
parentNode.insertBefore(newNode, referenceNode);

<div id="parent">
  <div>New Child</div>
  <div id="child1">Child 1</div>
  <div id="child2">Child 2</div>
</div>

if (referenceNode) {
  parentNode.insertBefore(newNode, referenceNode);
} else {
  console.error('Reference node not found.');
}

var newNodeCopy = existingNode.cloneNode(true);
parentNode.insertBefore(newNodeCopy, referenceNode);