在JavaScript中，`appendChild` 是一个DOM（文档对象模型）方法，用于将一个节点添加到另一个节点的子节点列表的末尾。通常，这个方法被用来将一个元素（如一个新创建的 `<div>` 或 `<span>` 元素）添加到HTML文档中的一个已存在的父元素中。

 

以下是 `appendChild` 方法的基本用法：

 

```javascript

let newElement = document.createElement('div'); // 创建一个新的div元素

let parentElement = document.getElementById('parent'); // 获取一个已存在的父元素

parentElement.appendChild(newElement); // 将新元素添加到父元素的子节点列表中

```

 

在这个例子中，`document.createElement('div')` 创建了一个新的 `<div>` 元素，`document.getElementById('parent')` 获取了ID为 `parent` 的元素，然后 `appendChild(newElement)` 将新创建的 `<div>` 元素添加到这个父元素中。

 

`appendChild` 方法返回被添加的节点，这意味着你可以将这个方法的返回值赋给一个变量，以便之后可以引用这个节点：

 

```javascript

let addedElement = parentElement.appendChild(newElement);

```

 

此外，`appendChild` 也可以接受一个文档片段（`DocumentFragment`）作为参数，这样你可以一次性添加多个节点：

 

```javascript

let fragment = document.createDocumentFragment();

// 向文档片段中添加多个节点

fragment.appendChild(element1);

fragment.appendChild(element2);

// 将整个文档片段添加到父元素中

parentElement.appendChild(fragment);

```

 

在这个例子中，我们创建了一个 `DocumentFragment`，向其中添加了多个元素，然后将整个文档片段作为一个单一的操作添加到父元素中。这样做可以提高性能，因为它减少了页面的重绘次数。