js后端返回结果在文本框展示后，再次点击清空文本框内容

powerful*！

于 2022-07-21 11:36:07 发布

阅读量1.2k

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/tsqjxy/article/details/125874311

版权

本文档描述了在前端JavaScript应用中，如何在用户点击开始按钮获取识别结果并显示在文本框后，再点击开始按钮能有效清空文本框内容的实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点击开始按钮识别结果，把结果展示在文本框中，然后点击关闭结束识别。再次点击开始的时候希望能刷新文本框内容，让文本框清空。

<textarea id="textResult" class="comments" rows="10" cols="10" > </textarea>

begin.onclick = function ()`{
	var comments = document.getElementsByClassName('comments')
	console.log(comments) //打印commens是不是一个数组
	for (var i =0; i <=comments.length; i++ ) {
				comments[i].innerHTML = ''
	}
}``

1、使用textarea标签创建一个文本域，设置textarea标签的id属性为comments。

 

2、在js标签内，通过id获得textarea对象，将innerHTML属性设置为空，便可以实现textarea内容的清空。
 

3、在浏览器打开test.html文件，查看结果。

清空只需要一行
```javascript
function onClickDelete() {
    $("#paste_input").val("");
    // target_count是统计行数的，当然我这里需要统计序列，和行数还不一样。  
    document.getElementById("target_count").innerHTML = 0;
}