js如何在指定位置添加div

在js中，可以通过innerHTML属性向指定元素对象添加div。下面小编举例讲解js如何在指定位置添加div。

东西/原料

1
新建一个html文件，定名为test.html，用于讲解js如何在指定位置添加div。
2
在test.html文件中，利用p标签建立一块区域，用于添加div。
3
在test.html文件中，给p标签添加一个id属性，用于下面获得p标签对象。
4
在test.html文件中，利用button标签建立一个按钮，给button绑定onclick点击事务，当按钮被点击时，执行addDiv()函数。
5
在js标签内，建立addDiv()函数，在函数内，将要添加的div标签保留在html变量中，然后经由过程getElementById()方式获得p标签对象，经由过程将html变量赋值给innerHTML属性，实此刻指定位置添加div。
6
在浏览器打开test.html文件，点击按钮，查看实现的结果。