js 插入节点

append

Element.append 方法在 Element的最后一个子节点之后插入一组 Node 对象或 DOMString 对象。被插入的 DOMString 对象等价为 Text 节点。与 Node.appendChild() 的差异：
Element.append()允许追加 DOMString 对象，而 Node.appendChild() 只接受 Node 对象。
Element.append() 没有返回值，而 Node.appendChild() 返回追加的 Node 对象。
Element.append() 可以追加多个节点和字符串，而 Node.appendChild() 只能追加一个节点。

appendChild

element.appendChild(aChild)
如果 sp2 没有下一个节点，则它肯定是最后一个节点，则 sp2.nextSibling 返回 null，且 sp1 被插入到子节点列表的最后面（即 sp2 后面）。

insertBefore

parent.insertBefore(childNew, sp2.nextSibling);
如果 sp2 没有下一个节点，则它肯定是最后一个节点，则 sp2.nextSibling 返回 null，且 sp1 被插入到子节点列表的最后面（即 sp2 后面）

https://developer.mozilla.org/zh-CN/docs/Web/API/Node/insertBefore