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

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

<!doctype html>

<html>

<head>

<title>无标题文档</title>

window.onload=function()

{

var oBtn=document.getElementById('btn')

var oTxt=document.getElementById('txt')

var oPrice=document.getElementById('price')

oBtn.onclick=function()

{

if(this.checked){//判断是否被选中

oTxt.value=oPrice.innerHTML

}else{

oTxt.value=''

}

</script>

</head>

<body>

</body>

</html>

//这个代码是在你原基础上改的，你绝对看得懂

欢迎分享，转载请注明来源：内存溢出

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