如何在 JavaScript 中插入一个元素？

在 JavaScript 中将一个元素插入另一个元素

虽然 JavaScript 提供了 insertBefore() 方法来将一个元素插入到另一个元素之前，但没有构建-in 方法，用于将一个元素插入另一个元素。为此，我们可以利用以下自定义技术：

解决方案：

referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);

解释：

• referenceNode:要插入新元素的元素after.
• newNode: 要插入的新元素。
• parentNode: 引用节点的父元素。
• nextSibling: 引用节点后面的节点（如果是最后一个则为 null child)。

insertBefore() 接受两个参数：要插入的新节点和新节点应放置在其之前的节点。通过传入referenceNode.nextSibling，我们确保新节点插入到引用节点之后。

示例函数：

function insertAfter(referenceNode, newNode) {
    referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}

用法：

var el = document.createElement("span");
el.innerHTML = "test";
var div = document.getElementById("foo");
insertAfter(div, el);

这将插入一个带有文本“test”的 span 元素在 id 为“foo”的 div 元素之后。

以上是如何在 JavaScript 中插入一个元素？的详细内容。更多信息请关注PHP中文网其他相关文章！