Javascript Form How to - Access to the button's parent Form object

Question

We would like to know how to access to the button's parent Form object.

Answer


<!--   www  .j  av  a  2s  .  c o m-->
<html>
<body>
    <form name="myForm">
      <input type="button"
             value="Big Button"
             name="myButton">
    </form>
    <script language="JavaScript">
    if(document.myForm.myButton.form == document.myForm)
      console.log("myButton's form property is equal to myForm object");     
    else
      console.log("myButton's form property is NOT equal to myForm object"); 
    </script>
</body>
</html>

The code above is rendered as follows: