如何在JavaScript中的另一个元素后插入一个元素而不使用库？

如何在JavaScript中的另一个元素后插入一个元素而不使用库？

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

referenceNode

您要放置的节点在哪里

newNode

。If

referenceNode

是其父元素中的最后一个子元素，这很好，因为

referenceNode.nextSibling

它将是，

null

并

insertBefore

通过添加到列表的末尾来处理这种情况。

所以：

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