Javascript 按钮提交后清除文本区域

我有这样一个简单的文本区

<textarea class='message'></textarea>
<input type='button' name='send-message'>

但这行不通

试试这个：

将id添加到文本区域：

<textarea id="textArea1" class='message'></textarea>

查询选择器：

document.querySelector('.message').innerHTML = "";

---

类在CSS的开头用

表示

var txt=document.querySelector（'.message'）。value=''

用户输入的文本。。
使用
querySelector（）
而不是
getElementById
是否可以实现这一点，因为我不想仅为此使用
id
，我的所有标记都使用class？是，我将发布示例。@robue-a7119895这将获得带有类示例的文档的第一个元素，因此如果您有多个带有类示例的元素，那么您可能需要执行其他操作……实际上，我已经完成了。我刚刚省略了
，但仍然不起作用。@robue-a7119895如果页面中只有一个
.message
元素，它就可以正常工作。（添加完整示例）
document.getElementById("textArea1").innerHTML = "";

document.querySelector('.message').innerHTML = "";