在制作一些动态页面，常常会使用到JavaScript创建一个新的div或者是其他标签。JavaScript创建一个标签其实很容。只需使用document.createElement(标签)即可实现（document.createElement(div)）。案例是点击button按钮的时候新建一个div，然后给这个div添加内容。方法/步骤1/5分步阅读

新建一个html文件。如图：

2/5

在html页面上创建一个点击的button按钮。如图：

代码：

3/5

为button添加点击时创建一个新的div事件。使用document.createElement(div)创建一个新的div，然后使用innerHTML对新建的div设置内容，最后把div放到body显示。如图：

代码：

script type=text/javascript function creatDiv(){ var div = document.createElement(div); div.innerHTML = 你好！;//为div输入内容 document.body.appendChild(div) } /script

4/5

为button按钮添加点击是创建新div事件。如图：

代码：

input type=button value=点我新建div onclick=creatDiv()/

5/5

保存好html文件后使用浏览器打开，点击button按钮会执行已经写好的创建div的事件。如图：

JAVASCRIPTJS创建DIVJS添加DIVJS添加内容