1、新建一个html文件,命名为test.html。
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的内容。
简单的一个例子,看看吧,页面刷新后,点击算第一次
第一次点后内容请空,再点不变
onClick()的时候,判断text.value的值是不是"XXXX"是就清空,不是就什么也不做