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

发布网友 发布时间:2022-04-24 15:39

我来回答

3个回答

热心网友 时间:2022-04-23 09:21

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

热心网友 时间:2022-04-23 10:39

<script>
var flag = true;
function clear()
{
if(flag)
{
document.getElementById("content").value = '';
flag = false;
}
}
</script>

<input type='text' id='content' value='初始内容' onclick='clear()'>

简单的一个例子,看看吧,页面刷新后,点击算第一次
第一次点后内容请空,再点不变

热心网友 时间:2022-04-23 12:14

onClick()的时候,判断text.value的值是不是"XXXX"是就清空,不是就什么也不做

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com