JS如何实现动态循环创建DIV
来源:网络收集 点击: 时间:2024-06-07【导读】:
在js中,可以使用for循环创建多个div,然后通过innerHTML属性将创建的div显示出来。下面小编举例讲解JS如何实现动态循环创建DIV。工具/原料morehtml+js代码编辑器:Dreamweaver CS5方法/步骤1/7分步阅读
2/7
3/7
4/7
5/7
6/7
7/7
JS
新建一个html文件,命名为test.html,用于讲解JS如何实现动态循环创建DIV。

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

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

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

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

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

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


版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_888622.html
上一篇:PPT如何添加自己的logo
下一篇:如何用旧毛衣做手套