appendchild 是将节点添加到父节点末尾的原生方法，必须传入 dom 节点对象，会移动而非复制已有节点，传入非法值或空父节点会报错，现代推荐用 append 或 prepend 替代。
appendChild 是 JavaScript 中用于将一个节点添加到指定父节点**末尾**的原生方法，它会把新节点作为父节点的最后一个子节点插入。
基本用法：必须先创建节点，再调用 appendChild
不能直接传入 HTML 字符串，必须传入一个有效的 DOM 节点对象：
- 用 document.createElement() 创建元素节点
- 用 document.createTextNode() 创建文本节点（可选）
- 用 父节点.appendChild(新节点) 执行插入
示例：
const parent = document.getElementById('container');
const newDiv = document.createElement('div');
newDiv.textContent = '这是新添加的 div';
parent.appendChild(newDiv);
注意：appendChild 会移动已有节点（不是复制）
如果传入的节点**已经存在于 DOM 中**，它会从原位置被移除，再插入到新父节点末尾：
- 相当于“剪切+粘贴”，不是“复制+粘贴”
- 想保留原位置并新增一个，需先用 cloneNode(true) 克隆
示例（移动）：
const existingDiv = document.querySelector('.item');
document.body.appendChild(existingDiv); // 从原处消失，出现在 body 最后
常见错误与避坑
- 传入 null 或非节点类型（如字符串、数字）会报错：TypeError: Cannot append child
- 父节点不存在时调用会报错：先检查 parent 是否为有效元素（如用 if (parent)）
- 想插入多个节点？需循环调用：appendChild 每次只接受一个参数
替代方案（现代推荐）
若需更灵活控制（如插入多个、插入到开头、或支持字符串），可用：
- parent.append(...nodes)：支持多个节点或字符串（字符串自动转为文本节点）
- parent.prepend(...nodes)：插入到开头
- parent.insertAdjacentElement('beforeend', node)：等效于 appendChild，但语法更语义化
不复杂但容易忽略细节。掌握创建→插入→移动逻辑，就能稳稳用好 appendChild。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
