appendchild

`appendChild` 是 JavaScript 中一个常用于 DOM 操作的方法。它的功能是将一个节点添加到参考节点的子节点列表的末尾。简单地说，这个方法允许你向 HTML 页面动态添加新的元素或内容。 下面是 `appendChild` 方法的基本使用方式： 假设我们有以下的 HTML 结构： ```html ``` 如果我们想要向 `id="container"` 的 div 元素内部添加一个 `

` 元素，我们可以这样做： ```javascript // 获取容器元素 var container = document.getElementById('container'); // 创建新的 p 元素 var newParagraph = document.createElement('p'); newParagraph.textContent = '这是一段新添加的文字。'; // 使用 appendChild 方法将新元素添加到容器中 container.appendChild(newParagraph); ``` 运行上述代码后，HTML 结构会变成： ```html

``` 需要注意的是，`appendChild` 会将新节点添加到指定节点的子节点列表的末尾。如果目标节点已经有子节点，新节点会被添加到现有子节点的后面。此外，如果一个节点已经被添加到文档中，再使用 `appendChild` 移动它不会引起任何错误，但可能会导致不必要的性能开销。如果可能的话，尽量在文档加载时一次性设置所有结构，而不是动态地移动元素。