js .append

### JavaScript `.append()` 方法详解

`.append()` 是用于向父节点追加子节点的方法之一。此方法可以接受多个参数，这些参数既可以是 `DOM` 元素也可以是文档片段[^1]。

#### 基本语法

parentElement.append(child1, child2, ..., childN);

这里 `parentElement` 表示要添加新孩子的父级元素；而 `childX` 则是要被加入的新孩子节点。值得注意的是，如果指定的孩子已经是其他地方的一部分，则它会先从原来的位置移除再插入到新的位置。

#### 实际应用案例
下面是一个简单的例子来展示如何利用 `.append()` 来动态创建并附加 HTML 元素：

假设有一个页面结构如下所示：

<div id="container"></div>
<button onclick="addElement()">Add New Element</button>

当点击按钮时执行 `addElement()` 函数，在容器内新增一段文字内容：

function addElement() {
    let container = document.getElementById("container");
    
    // 创建一个新的 p 标签作为文本载体
    let paragraph = document.createElement('p');
    paragraph.textContent = "This is a newly added paragraph.";
    
    // 使用 .append() 将新建的 p 添加至目标 div 中
    container.append(paragraph); 
}

这段代码会在每次触发事件处理器的时候往具有 ID 为 `"container"` 的 `<div>` 下面追加一个带有特定文本信息的 `<p>` 节点。