在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ HTMLFormElement.reset() 當(dāng)把觸發(fā)事件的button id

HTMLFormElement.reset() 當(dāng)把觸發(fā)事件的button id改為"reset "時(shí)無法調(diào)用reset()

測試地址：demo
在這個(gè) demo 里，form 表單是可以重置的，但把觸發(fā)事件的 button id:resetForm 改為 reset 后，報(bào)錯(cuò):
圖片描述

這個(gè)問題以前也碰到過，想知道這是為什么？

test.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="test reset()">
  <title>JS Bin</title>
</head>
<body>
  <form id="myForm">
    <input type="text"><br/>
    <input type="text"><br/>
    <input id="resetForm" type="button" value="reset">
  </form>
</body>

<script>
window.onload = function() {
  var reset = document.getElementById("resetForm");
  reset.onclick = function() {
    document.getElementById("myForm").reset()
  }
}
</script>
</html>
回答
編輯回答
你的瞳

你把 ID 設(shè)置成 submit 也不行. submit 和 reset 是表單內(nèi)input的兩個(gè)type功能按鈕. 不能設(shè)置為 ID. 你直接把<input type="reset">就行了

2018年4月9日 18:46
編輯回答
離魂曲

這個(gè)是表單歷史 API ，可以直接通過 form.formElementName 或 form.formElementId 來獲取表單內(nèi)的元素，所以這句代碼：

document.getElementById("myForm").reset()

運(yùn)行到

document.getElementById("myForm").reset

的時(shí)候，實(shí)際上是在 myForm 表單里獲取了 name='reset' 或者 id='reset' 的元素，然后執(zhí)行 () 當(dāng)然會(huì)報(bào)錯(cuò)，不信你可以試試：

console.log(myform.reset===reset) //返回true
2017年9月5日 03:08