JS如何实现动态循环创建DIV

1、新建一个html文件，命名为test.html，用于讲解JS如何实现动态循环创建DIV。

2、在test.html文件内，使用div标签创建一个id为morediv的区域，用于显示动态创建的div。

3、在test.html文件内，使用button标签创建一个按钮，按钮名称为“点击创建div”。

4、在test.html文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行creatediv()函数。

5、在test.html文件内，在js标签内，创建creatediv()函数，在函数内，初始化一个html变量，同时使用for循环动态创建10个div，保存在html变量中。

6、在creatediv()函数内，使用getElementById（）获得id为morediv的div对象，通过innerHTML属性将html变量内容显示在设置的div内。

7、在浏览器打开test.html文件，点击按钮，查看实现的效果。