insertbefore 和before

这是一个关于JavaScript代码里insertBefore()函数的问题，其中insertBefore()函数是用来在DOM树中添加一个新的节点，可以在某个节点之前或之后添加。其中before就是指在之前添加，而after则是在之后添加。

相关问题

js追加元素的几种方法（append()、prepend()、after()、before()、insertAfter()、insertBefore()）...

在 JavaScript 中，可以使用以下方法来向 HTML 元素中添加其他元素：

1. append()：将指定内容追加到元素的末尾。
2. prepend()：将指定内容追加到元素的开头。
3. after()：将指定内容插入到元素之后。
4. before()：将指定内容插入到元素之前。
5. insertAfter()：将新元素插入到指定元素之后。
6. insertBefore()：将新元素插入到指定元素之前。

这些方法都需要传入要插入的内容作为参数，可以是 HTML 代码、DOM 元素或其他 jQuery 对象。

示例代码：

// 将新元素追加到指定元素的末尾
$("#myDiv").append("<p>Hello, world!</p>");

// 将新元素插入到指定元素之前
$("#myDiv").before("<h1>My Title</h1>");

// 将新元素插入到指定元素之后
$("#myDiv").after("<hr>");

// 将新元素插入到指定元素之前
$("<p>Hello, world!</p>").insertBefore("#myDiv");

// 将新元素插入到指定元素之后
$("<hr>").insertAfter("#myDiv");

Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.是什么问题

这个错误通常是由于在执行 `insertBefore` 操作时，指定的参考节点不是当前节点的子节点导致的。换句话说，要插入的新节点必须是当前节点的直接子节点，否则就会出现这个错误。

请确保在执行 `insertBefore` 操作之前，参考节点已经成为当前节点的子节点。如果参考节点不是当前节点的子节点，你需要先将其添加为子节点，然后再执行 `insertBefore` 操作。