DOMException: Failed to execute 'removechild' on "Node': The node to be removed is not a child of this node报错怎么解决

DOMException: "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node" 这个错误通常发生在JavaScript中尝试从某个父节点删除一个不是其直接子节点的元素时。解决这个问题需要按照以下步骤：

1. **检查引用**：确保你在操作的`Node`对象确实是你想要移除的那个，并且它确实是这个父节点的一个直接子节点。使用`childNodes`或`children`属性获取列表，然后遍历它们。

let parentElement = document.getElementById('parent');
if (parentElement && childToRemove) {
  let children = parentElement.childNodes;
  for (let i = 0; i < children.length; i++) {
    if (children[i] === childToRemove) {
      parentElement.removeChild(childToRemove);
      break;
    }
  }
}

2. **避免异常抛出**：如果不确定元素是否在指定位置，可以先检查一下再执行删除操作。例如，可以使用 `parentNode.contains()` 方法来确认。

if (parentElement.contains(childToRemove)) {
  parentElement.removeChild(childToRemove);
}

3. **处理空值**：确保传入的节点和父节点都不是`null` 或 `undefined`。

4. **异常处理**：添加适当的错误处理机制，比如使用`try...catch`来捕获并处理可能出现的错误。

try {
  parentElement.removeChild(childToRemove);
} catch (e) {
  console.error(e.message);
}