HTML DOM appendChild() 方法

实例

在列表中添加项目：

document.getElementById("myList").appendChild(newListItem);

添加之前：

Coffee
Tea

添加之后：

Coffee
Tea
Water

试一试

定义和用法

appendChild() 方法向节点添加最后一个子节点。

提示：如果您需要创建包含文本的新段落，请记得添加到段落的文本的文本节点，然后向文档添加该段落。

您也可以使用 appendChild() 方法从一个元素向另一个元素中移动元素。

实例

从一个列表向另一个列表中移动列表项：

var node=document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);

添加之前：

Coffee
Tea
Water
Milk

添加之前：

Coffee
Tea
Milk
Water

试一试

浏览器支持

所有主流浏览器都支持 appendChild() 方法。

语法

node.appendChild(node)

参数

返回值

技术细节