HTML DOM appendChild() 方法
HTML DOM 的 appendChild() 方法可以向节点的子节点列表的末尾添加新的子节点
如果文档树中已经存在了 newchild,它将从文档树中删除,然后重新插入它的新位置
如果 newchild 是 DocumentFragment 节点,则不会直接插入它,而是把它的子节点按序插入当前节点的 childNodes[] 数组的末尾
还可以使用 appendChild() 方法移动元素到另外一个元素
浏览器支持
Yes | Yes | Yes | Yes | Yes |
语法
node.appendChild( node )
参数
参数 | 类型 | 描述 |
---|---|---|
node | 节点对象 | 必须。你要添加的节点对象 |
返回值
类型 | 描述 |
---|---|
节点对象 | 添加的节点 |
范例
添加列表项
document.getElementById("myList").appendChild( newListItem );
范例
转移某个列表项到另外一个列表项
var node=document.getElementById("myList2").lastChild; document.getElementById("myList1").appendChild(node);