在js中 ， 通过获得div对象 ， 设置对象的innerHTML属性为空 ， 就可实现清空div里面的内容 。 下面小编举例讲解js怎么清空div里面的内容 。
文章插图
需要这些哦
html+js
代码编纂器：Dreamweaver CS5
方式/
1【js怎么清空div里面的内容】新建一个html文件 ， 定名为test.html ， 用于讲解js怎么清空div里面的内容 。
文章插图
2在test.html文件内 ， 利用div标签建立一个模块 ， 在div标签内 ， 利用p标签建立一行文字 。
文章插图
3在test.html文件内 ， 设置div标签的id为testid ， 本家儿要用于下面经由过程该id获得div对象 。
文章插图
4在test.html文件内 ， 利用button标签建立一个按钮 ， 按钮名称为“清空div里面的内容” 。
文章插图
5在test.html文件中 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行clearcon函数 。
文章插图
6在js标签中 ， 建立clearcon()函数 ， 在函数内 ， 利用getElementById方式经由过程id（testid）获得div对象 ， 将innerHTML属性设置为空 ， 便可实现清空div的内容 。
文章插图
7在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
文章插图
文章插图
总结：11、建立一个test.html文件 。
2、在文件内 ， 利用div标签建立一个模块 ， 在div标签内 ， 利用p标签建立一行文字 ， 同时建立一个button按钮 ， 用于触发执行js函数 。
3、在js标签内 ， 建立函数 ， 在函数内 ， 利用getElementById方式经由过程id（testid）获得div对象 ， 将innerHTML属性设置为空 ， 便可实现清空div的内容 。
注重事项利用innerHTML属性之前必需先获得div对象 。
以上内容就是js怎么清空div里面的内容的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 抖音怎么得到更多的钻石卡
- 企业微信怎么设置某人的消息特别提醒
- 百度贴吧删除的帖子怎么找回
- 防疫口罩简笔画怎么画
- 缅怀先烈手抄报 缅怀先烈手抄报怎么画
- 页眉横线怎么添加？
- 景阳冈的分段 景阳冈这篇课文怎么分段
- 刺激战场pc端模拟器很卡,怎么调试
- 玫瑰手杖怎么获得
- 冰箱异味重怎么办 新电冰箱快速去除异味的方法