onclick 删除 textarea 值 - Javascript

在网页中，textarea 是一种常用的表单元素，允许用户输入多行文本。在某些场景下，需要在用户点击按钮时，清空 textarea 中的内容。本文将介绍如何使用 Javascript 在 onclick 事件中删除 textarea 值。

HTML 示例

首先，我们需要在 HTML 中定义一个 textarea 和一个按钮：

<textarea id="mytextarea"></textarea>
<button onclick="clearTextarea()">Clear Textarea</button>

示例中，textarea 的 id 为 "mytextarea"，按钮的 onclick 事件绑定了名为 "clearTextarea" 的函数。我们需要在 Javascript 中实现 "clearTextarea" 函数，以清空 textarea 中的内容。

Javascript 实现

function clearTextarea() {
  document.getElementById("mytextarea").value = "";
}

函数 "clearTextarea" 中，我们使用了 document.getElementById 方法获取页面中的 textarea 元素，并使用 "value" 属性来清空其内容。这样，在用户点击按钮时，就能自动清空 textarea 中的内容。

Markdown 代码片段

## HTML 示例

首先，我们需要在 HTML 中定义一个 textarea 和一个按钮：

```html
<textarea id="mytextarea"></textarea>
<button onclick="clearTextarea()">Clear Textarea</button>

示例中，textarea 的 id 为 "mytextarea"，按钮的 onclick 事件绑定了名为 "clearTextarea" 的函数。我们需要在 Javascript 中实现 "clearTextarea" 函数，以清空 textarea 中的内容。

Javascript 实现

function clearTextarea() {
  document.getElementById("mytextarea").value = "";
}

函数 "clearTextarea" 中，我们使用了 document.getElementById 方法获取页面中的 textarea 元素，并使用 "value" 属性来清空其内容。这样，在用户点击按钮时，就能自动清空 textarea 中的内容。