html怎么清空文本框内容

HTML 中的 <textarea> 标签用于创建多行文本输入框，在网页开发中，我们可能会需要清空 <textarea> 的内容，这可以通过 JavaScript 来实现，本文将详细介绍如何使用 JavaScript 来清空 HTML 中的 <textarea> 内容。

方法一：使用 value 属性

<textarea> 标签有一个重要的属性，那就是 value，这个属性可以设置或返回元素的值，当一个 <textarea> 被创建时，它的初始值是由用户在页面加载时输入的，如果我们想要清空 <textarea> 的内容，我们只需要将 value 属性设置为空字符串即可。

<textarea id="myTextarea"></textarea>
<button onclick="clearTextarea()">清空</button>
<script>
function clearTextarea() {
  document.getElementById("myTextarea").value = "";
}
</script>

在这个例子中，我们首先创建了一个带有 id 为 "myTextarea" 的 <textarea>,然后我们创建了一个按钮，点击这个按钮会调用 clearTextarea() 函数，该函数通过获取 id 为 "myTextarea" 的元素并将其 value 属性设置为空字符串来清空 <textarea> 的内容。

方法二：使用 innerHTML 属性

另一个方法是通过改变 <textarea> 的 innerHTML 属性来清空其内容，innerHTML 是 HTML DOM 的一个属性，它可以获取或设置元素的内容，当我们将 innerHTML 设置为空字符串时，就可以清空元素的内容。

<textarea id="myTextarea"></textarea>
<button onclick="clearTextarea()">清空</button>
<script>
function clearTextarea() {
  document.getElementById("myTextarea").innerHTML = "";
}
</script>

这个例子和上一个例子非常相似，唯一的区别是我们是通过改变 innerHTML 属性来清空 <textarea> 的内容的，这种方法的优点是可以直接修改 HTML DOM,不需要通过 JavaScript 的 DOM API，但是缺点是如果我们的代码依赖于特定的 HTML DOM 结构，那么这种方法就可能会导致错误。