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

您可以使用appendChild函数在元素之后插入。

参考：http : //www.w3schools.com/jsref/met_node_appendchild.asp

if( !Element.prototype.insertAfter ) {
    Element.prototype.insertAfter = function(item, reference) {
        if( reference.nextSibling )
            reference.parentNode.insertBefore(item, reference.nextSibling);
        else
            reference.parentNode.appendChild(item);
    };
}

或者您可以简单地执行以下操作：

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

node1.after(node2)产生<node1/><node2/>，

其中node1和node2是DOM节点。

.after()较旧的浏览器[1]不支持，因此您可能需要应用polyfill。

参考：https : //developer.mozilla.org/en-US/docs/Web/API/ChildNode/after

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

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

所以：

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

在这里尝试。