一尘不染

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

javascript

还有insertBefore()在JavaScript,但我怎么能插入一个元素 后, 另一种元素,而不使用jQuery或其他库?


阅读 346

收藏
2020-04-25

共1个答案

一尘不染

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

referenceNode您要放置的节点在哪里newNode。If
referenceNode是其父元素中的最后一个子元素,这很好,因为referenceNode.nextSibling它将是,nullinsertBefore通过添加到列表的末尾来处理这种情况。

所以:

function insertAfter(newNode, referenceNode) {
    referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}
2020-04-25