普通button模拟表单提交功能

Question

普通的button去模拟submit的提交表单功能，如果将submit按纽的id等于submit的话，则会提示错误：
        document.getElementById("hey").submit is not a function
如果id改成submit-btn这样的，就可以顺利模拟，为何？        <form method="get" action="1.php" name="myForm" id="hey">
<input type="text" value="3" name="age">
<input type="hidden" value="male" name="sex">
<input type="button" value="模拟提交表单" name="age" id="btn">
<input type="submit" id="submit">
</form>
  
         <script type="text/javascript">
    document.getElementById("btn").onclick=function(  ){
        document.getElementById("hey").submit(  );
   }
         </script>

Answer 1

document.getElementById("hey")是一个form,form中的元素都可以通过id/name或number被引用的，比如：<form id="from1">
<input type="submit" id="submit">
</form>这时：
document.getElementById("from1").submit或者document.getElementById("from1")[0]都是指
<input type="submit" id="submit">这个元素，所以会有那个错误提示，因为那是引用元素，而不是调用sumbit()这个method