JavaScript 对象
- JavaScript Array 对象
- JavaScript Boolean 对象
- JavaScript CSS 样式声明对象
- JavaScript Math 对象
- JavaScript Number 对象
- JavaScript String 对象
- JavaScript 正则表达式(RegExp) 对象
- JavaScript Console 对象
JavaScript 参考手册
JS DOM参考手册
HTML DOM appendChild() 方法
appendChild()方法的作用是：在指定父节点的子节点列表的末尾添加一个节点。
如果给定的子节点是文档中现有节点的引用，appendChild()将它从当前位置移动到新位置(参见下面的“更多示例”)。
使用insertBefore()方法可在指定的现有子节点之前插入新的子节点。
语法：
node.appendChild(node)
var newElem = document.createElement("h3"); // 创建一个新的h3元素
var newContent = document.createTextNode("嗨，你好!"); // 创建一些文本内容
newElem.appendChild(newContent); // 将文本节点添加到新创建的h3
document.body.appendChild(newElem); // 将新创建的元素及其内容添加到DOM中测试看看‹/›注意：如果要创建带有文本的新元素，请记住将文本创建为Text节点，然后将其附加到元素，然后将该元素附加到文档。
浏览器兼容性
所有浏览器完全支持appendChild()方法：
| Method |  |  |  |  |  |
| appendChild() | 是 | 是 | 是 | 是 | 是 |
参数值
| 参数 | 描述 |
|---|---|
| node | 要附加到给定父节点的节点（通常是元素） |
技术细节
| 返回值： | 返回的值是附加的子元素 |
|---|---|
| DOM版本： | DOM级别1 |
更多示例
创建一个<p>元素并将其附加到一个<div>元素：
var para = document.createElement("p"); // Create a <p> node
var txt = document.createTextNode("This is a paragraph.");// Create a text node
para.appendChild(txt);// Append the text to <p>
document.getElementById("demo").appendChild(para);// Append <p> to <div>测试看看‹/›创建一个<p>元素并将其附加到文档主体的末尾：
var para = document.createElement("p"); // Create a <p> node
var txt = document.createTextNode("This is a paragraph.");// Create a text node
para.appendChild(txt);// Append the text to <p>
document.body.appendChild(para);// Append <p> to body测试看看‹/›此示例将元素从其当前位置移动到新位置：
var elem = document.getElementById("myList2").lastElementChild;
document.getElementById("myList1").appendChild(elem);测试看看‹/›相关参考
HTML DOM参考：node.hasChildNodes()方法
HTML DOM参考：node.insertBefore()方法
HTML DOM参考：node.removeChild()方法
HTML DOM参考：node.replaceChild()方法
HTML DOM参考：document.createElement()方法
HTML DOM参考：document.createTextNode()方法
HTML DOM参考：document.adoptNode()方法
HTML DOM参考：document.importNode()方法