如何使用JavaScript向页面中动态插入元素？

本文共计769个文字，预计阅读时间需要4分钟。

方法：1、appendChild()方法在末尾插入新元素，语法appendChild(newchild)；2、insertBefore()方法在开头插入新元素，语法insertBefore(newchild, refchild)。本教程操作环境：Windows 7系统。

方法：1、appendChild()方法在末尾插入新元素，语法“appendChild(newchild)”；2、insertBefore()方法，在开头插入新元素，新语法“insertBefore(newchild,refchild)”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

在文档中有两种办法插入新节点（元素），一种是在开头插入，一种是在末尾插入。

appendChild()方法：在末尾插入新节点

JavaScript appendChild() 方法可向当前节点的子节点列表的末尾添加新的子节点。用法如下：

appendChild(newchild)

参数 newchild 表示新添加的节点对象，并返回新增的节点。