DOM 中的 append 和 appendChild 的区别

在 DOM 操作中，我们经常需要向文档中添加新的元素或节点。append 和 appendChild 是两个常用的方法，用于在 DOM 树中插入新的节点。尽管它们的名称相似，但它们的功能和使用方式有所不同。

appendChild 方法是 DOM 元素对象的一个原生方法，它用于将一个节点作为最后一个子节点添加到指定元素中。其语法如下：

parentNode.appendChild(childNode);

其中，parentNode 是要添加子节点的父节点，而 childNode 是要添加的子节点。

下面是一个示例，演示了如何使用 appendChild 方法向一个 div 元素中添加一个新的段落元素：

// 创建父节点
var parent = document.createElement('di