如何在不使用库的情况下在JavaScript中插入一个又一个元素？

Question

如何在不使用库的情况下在JavaScript中插入一个又一个元素？有insertBefore()在JavaScript中，但是如何插入元素后不使用jQuery或其他库的另一个元素？

Answer 1

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

哪里referenceNode是要放置的节点。newNode之后。如果referenceNode是其父元素中的最后一个子元素，这很好，因为referenceNode.nextSibling将是null和insertBefore通过添加到列表的末尾来处理该情况。

因此：

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

在这里试试。