dom插入移动节点方法

[liukexina]

现代方法：

1. node.append(...nodes or strings) — 在 node 末尾插入，
2. node.prepend(...nodes or strings) — 在 node 开头插入，
3. node.before(...nodes or strings) — 在 node 之前插入，
4. node.after(...nodes or strings) — 在 node 之后插入，
5. node.replaceWith(...nodes or strings) — 替换 node。
6. node.remove() — 移除 node。

文本字符串被“作为文本”插入。

旧式方法：

1. parent.appendChild(node)
2. parent.insertBefore(node, nextSibling)
3. parent.removeChild(node)
4. parent.replaceChild(newElem, node)

这些方法都返回 node。

参考链接：https://zh.javascript.info/modifying-document