在js中 ， 通过获得div对象 ， 将其innerHTML属性设置为空 ， 便可删除div里的内容 ， 但不删除div本身 。 下面小编举例讲解怎么用js删除div里的内容 ， 但不删除div本身 。
文章插图
需要这些哦
html+js
代码编纂器：Z Studio 12.5.1
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解怎么用js删除div里的内容 ， 但不删除div自己 。
文章插图
2在test.html文件内 ， 利用div标签建立一个模块 ， 在div内 ， 利用p标签建立两行文字 ， 用于测试 。
文章插图
3在test.html文件内 ， 设置div标签的id为mytest ， 本家儿要用于下面经由过程该id获得div对象 。
文章插图
4在test.html文件内 ， 利用button标签建立一个按钮 ， 按钮名称为“删除div里的内容” 。
文章插图
5在test.html文件中 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行delcon函数 。
文章插图
6在js标签中 ， 建立delcon()函数 ， 在函数内 ， 经由过程getElementById方式操纵id（mytest）获得div对象 ， 经由过程将对象的innerHTML设置为空 ， 实现删除div里的内容 ， 但不删除div自己 。
文章插图
7在浏览器打开test.html ， 点击按钮 ， 查看源代码实现的结果 。
文章插图
文章插图
总结：1【怎么用js删除div里的内容，但不删除div本身】1、建立一个test.html文件 。
2、在文件内 ， 利用div标签建立一个模块 ， 在div内 ， 利用p标签建立两行文字 ， 同时建立一个button按钮 ， 用于触发执行js函数 。
3、在js标签内 ， 建立js函数 ， 在函数内 ， 经由过程getElementById方式操纵id（mytest）获得div对象 ， 经由过程将对象的innerHTML设置为空 ， 实现删除div里的内容 ， 但不删除div自己 。
注重事项innerHTML属性本家儿要用于设置元素对象内的内容 。
以上内容就是怎么用js删除div里的内容 ， 但不删除div本身的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 微信腾讯视频会员给别人用的办法
- JS中如何删除某个指定字符后的字符串
- 抖音年龄渐变视频怎么拍摄
- 抖音怎么集齐钻石卡获得1万元锦鲤红包
- 手机百度贴吧怎么删帖
- 盆栽葡萄树怎么养，盆栽葡萄的养殖
- 盆栽葡萄如何过冬，冬天怎么办
- 绿野仙踪1.0正式版攻略 新手通关玩法开局怎么玩
- 葡萄开花怎么防止被鸟吃，防鸟绝招
- WIN10系统中怎么样录制屏幕