js如何实现点击第一次时清空原有文本框内容,输入文字后再点击不清空其中内容

JavaScript017

js如何实现点击第一次时清空原有文本框内容,输入文字后再点击不清空其中内容,第1张

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的内容。

1、新建一个html页面,命名为test.html。

2、在test.html页面内,使用p标签创建三行文字。

3、在p标签的下面,创建一个button按钮,按钮名称为“清除网页内容”。

4、给button按钮绑定onclick点击事件,当按钮被点击时,执行delAll()函数。

5、在test.html页面内,使用function创建delAll函数。

6、在delAll函数内,获得当前页面body对象,使用innerHTML属性赋值为空的方法清除网页内容。

7、在浏览器中打开test.html页面,点击“清除网页内容”按钮,网页显示空白,内容被清除。