在js中 ， 可以通过innerHTML属性向指定元素对象添加div 。 下面小编举例讲解js如何在指定位置添加div 。
文章插图
需要这些哦
html+js
代码编纂器：z studio 10.0
方式/
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【js如何在指定位置添加div】在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
文章插图
文章插图
总结：11、用p标签建立一块区域 ， 给p标签添加一个id属性 。
2、在js中 ， 经由过程getElementById()方式获得p标签对象 ， 经由过程将html变量赋值给innerHTML属性 ， 实此刻指定位置添加div 。
以上内容就是js如何在指定位置添加div的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 微信拍一拍功能如何使用
- 微信图文排版如何修改样式颜色
- QQ空间怎么取消情侣空间
- 如何给微信好友拍一拍
- 如何在任天堂交换机上建立和使用通道
- Steam如何免费领取《变种基因》
- 荒野大镖客2如何获得阿拉伯马？获取方法介绍
- 灰鼠兔生病了怎么治疗
- 喜马拉雅兔如何训练
- 如何注册任天堂在线交换机