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按钮后出现错误 错误：

未捕获TypeError：document.getElementById（...）。reset不是功能

问题出在哪里？提前致谢。 N.B：我没有使用form标签。

Answer 1

你应该使用

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

Answer 2

HTMLFormElement.reset()方法恢复表单元素的默认值。你应该肯定使用<form>。

Answer 3

.reset方法仅适用于表单元素（https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset），不适用于textarea或输入DOM元素。因此，如果要在textarea中清除文本，可以通过两种方式完成：

document.getElementById（“textareaInput”）。value ='';
使用表单元素包裹textarea，并使用reset。

Answer 4

不使用input，重置defaultValue或任何其他function myFunction() { document.getElementById("textareaInput").value = document.getElementById("textareaInput").defaultValue; }元素，只需使用DOM节点属性public class SettingsActivity extends Activity { ...将其值设置为默认值：

<style name="CustomThemeSettings" parent="android:Theme.Material">
    <item name="android:colorPrimary">@color/...</item>
    <item name="android:colorPrimaryDark">@color/...</item>
    <item name="android:colorAccent">@color/...</item>
</style>

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

Answer 5

将元素放在表单标记中：

<body>
    <form>
<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>
        </form>
<script>
    function myFunction() {
  //alert("ok");
  document.getElementById("textareaInput").reset();
}
    </script>
</body>

重置不是JavaScript

5 个答案: