js在目标节点后面插入一个节点

可以使用JavaScript中的`insertAdjacentElement()`方法在目标节点后面插入一个新的节点。该方法的第一个参数是要插入的位置，第二个参数是要插入的节点。

例如，以下代码将在id为"target"的节点后面插入一个新的`<div>`节点：

var targetNode = document.getElementById("target");
var newNode = document.createElement("div");
targetNode.insertAdjacentElement('afterend', newNode);

在这个例子中，`insertAdjacentElement()`方法的第一个参数是'afterend'，意思是在目标节点的后面插入新的节点。第二个参数是新创建的`<div>`节点。

相关问题

使用js语言编写tree class，该类有data属性，初始化时根据一个树形json数据初始化存入data属性。树形json节点数据结构为id、name、title，type，children，子节点存储于节点的children属性。树形类提供方法1、根据节点id返回节点除children属性以外的节点信息2根据节点id返回父节点信息除children属性以外的节点信息，3根据当前节点id和目标节点id，把当前节点id插入到目标节点id前面，4根据当前节点id和目标节点id，把当前节点id插入到目标节点id后面。5根据节点id删除此节点。

好的，我可以为你解答这个问题。

首先，我们需要定义一个 Tree 类，如下所示：

class Tree {
  constructor(data) {
    this.data = data;
  }

  // 方法1：根据节点id返回节点除children属性以外的节点信息
  getNodeById(id) {
    // TODO: 实现方法1
  }

  // 方法2：根据节点id返回父节点信息除children属性以外的节点信息
  getParentNodeById(id) {
    // TODO: 实现方法2
  }

  // 方法3：根据当前节点id和目标节点id，把当前节点id插入到目标节点id前面
  insertBefore(currentNodeId, targetNodeId) {
    // TODO: 实现方法3
  }

  // 方法4：根据当前节点id和目标节点id，把当前节点id插入到目标节点id后面
  insertAfter(currentNodeId, targetNodeId) {
    // TODO: 实现方法4
  }

  // 方法5：根据节点id删除此节点
  deleteNodeById(id) {
    // TODO: 实现方法5
  }
}

接下来，我们需要实现方法1~5。具体实现如下：

class Tree {
  constructor(data) {
    this.data = data;
  }

  // 方法1：根据节点id返回节点除children属性以外的节点信息
  getNodeById(id) {
    const queue = [this.data];
    while (queue.length) {
      const node = queue.shift();
      if (node.id === id) {
        const { children, ...rest } = node;
        return rest;
      }
      if (node.children) {
        queue.push(...node.children);
      }
    }
    return null;
  }

  // 方法2：根据节点id返回父节点信息除children属性以外的节点信息
  getParentNodeById(id) {
    const queue = [this.data];
    while (queue.length) {
      const node = queue.shift();
      if (node.children) {
        for (const child of node.children) {
          if (child.id === id) {
            const { children, ...rest } = node;
            return rest;
          }
          queue.push(child);
        }
      }
    }
    return null;
  }

  // 方法3：根据当前节点id和目标节点id，把当前节点id插入到目标节点id前面
  insertBefore(currentNodeId, targetNodeId) {
    const targetNode = this.getNodeById(targetNodeId);
    if (!targetNode) return false;
    const parentNode = this.getParentNodeById(targetNodeId);
    if (!parentNode) return false;
    const index = parentNode.children.findIndex(child => child.id === targetNodeId);
    if (index === -1) return false;
    const currentNode = this.getNodeById(currentNodeId);
    if (!currentNode) return false;
    parentNode.children.splice(index, 0, currentNode);
    return true;
  }

  // 方法4：根据当前节点id和目标节点id，把当前节点id插入到目标节点id后面
  insertAfter(currentNodeId, targetNodeId) {
    const targetNode = this.getNodeById(targetNodeId);
    if (!targetNode) return false;
    const parentNode = this.getParentNodeById(targetNodeId);
    if (!parentNode) return false;
    const index = parentNode.children.findIndex(child => child.id === targetNodeId);
    if (index === -1) return false;
    const currentNode = this.getNodeById(currentNodeId);
    if (!currentNode) return false;
    parentNode.children.splice(index + 1, 0, currentNode);
    return true;
  }

  // 方法5：根据节点id删除此节点
  deleteNodeById(id) {
    const queue = [this.data];
    while (queue.length) {
      const node = queue.shift();
      if (node.children) {
        for (let i = 0; i < node.children.length; i++) {
          const child = node.children[i];
          if (child.id === id) {
            node.children.splice(i, 1);
            return true;
          }
          queue.push(child);
        }
      }
    }
    return false;
  }
}

以上就是使用 JavaScript 编写 Tree 类的实现。

js 在一个节点前插入另一个节点

可以使用 JavaScript 中的 `insertBefore()` 方法在一个节点前插入另一个节点。该方法需要两个参数：要插入的节点和参考节点（即要插入节点的目标位置）。

示例代码：

// 创建要插入的节点
var newElement = document.createElement('div');
newElement.textContent = '这是要插入的新节点';

// 获取参考节点
var referenceElement = document.getElementById('reference-node');

// 获取参考节点的父节点
var parentElement = referenceElement.parentNode;

// 在参考节点前插入新节点
parentElement.insertBefore(newElement, referenceElement);

以上代码将创建一个新节点 `newElement`，然后获取参考节点 `referenceElement` 和其父节点 `parentElement`，最后使用 `insertBefore()` 方法将新节点插入到参考节点前面。