> HTML DOM appendChild() 方法

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

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera

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

语法

node.appendChild(node)

参数

参数 类型 描述
node Node 对象。 必需的。您希望添加的节点对象。

返回值

类型 描述
Node 对象 被添加的节点。

技术细节

DOM 版本 Core Level 1 Node Object
参考手册

W3c0.com 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3c0 简体中文版的所有内容仅供测试,对任何法律问题及风险不承担任何责任。 当使用本站时,代表您已接受了本站的使用条款和隐私条款。版权所有,保留一切权利。 鲁ICP备15022115号