reset 不是 JavaScript 中的函数

Question

这是我正在尝试的代码：标记：

 <textarea class="form-control textareaInput" rows="12" id="textareaInput"></textarea>


<div class="row">
     <div class="col-lg-2 text-center">
        <div class="form-group">
             <button  class="form-control btn btn-primary reset" onclick="myFunction()">Reset</button>
         </div>
     </div>
</div>

我的功能：

 function myFunction() {
  //alert("ok");
  document.getElementById("textareaInput").reset();
}

单击 reset 按钮时出现错误。

错误：

未捕获的类型错误：document.getElementById(…).reset 不是函数

问题出在哪里？注意：我没有使用 form 标签。

原文由 Chonchol Mahmud 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你应该使用

document.getElementById("textareaInput").value = "";

原文由 RoccoDev 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

Without using a form , to reset a textarea or any other input element, just set its value to default one, using DOM node property defaultValue :

 function myFunction() {
  document.getElementById("textareaInput").value = document.getElementById("textareaInput").defaultValue;
}

在您的情况下，因为默认值为空字符串，您可以将其重新设置为空字符串，但这将更难维护。

原文由 A. Wolff 发布，翻译遵循 CC BY-SA 3.0 许可协议