JavaScript 插入节点：将节点插入目标节点前面

在 JavaScript 中，可以使用 insertBefore 方法将一个新的节点插入到另一个节点的前面。以下是实现该功能的函数代码：

function insertBefore(p, n) {
  // 找到 p 的父节点
  var parent = p.parentNode;
  // 将 n 插入到 p 之前
  parent.insertBefore(n, p);
}

使用示例：

// 获取头节点和目标节点
var h = document.querySelector('h1');
var p = document.querySelector('p');

// 创建交接点 n
var n = document.createElement('div');
 n.innerHTML = '交接点';

// 将交接点 n 插入目标节点 p 的前面
insertBefore(p, n);

解释：

insertBefore(p, n) 函数接受两个参数：
- p：目标节点，将新节点插入到 p 之前。
- n：新节点，要插入的节点。
parentNode 属性获取目标节点的父节点。
insertBefore(n, p) 方法将 n 插入到 p 之前，并将 n 作为父节点的子节点。

注意：

如果 p 是第一个子节点，则 n 将成为第一个子节点。
如果 p 不存在于父节点中，则 n 将被添加到父节点的末尾。

通过使用 insertBefore 方法，我们可以轻松地将新的节点插入到 DOM 中的任何位置，从而实现更加灵活的页面结构和内容操作。