javascript如何获取input button或submit域所在的form表单对象

时间:2017-03-20
本文章向大家介绍javascript如何获取input button或submit域所在的form表单对象，比如获取button所在form的id或name属性，需要的朋友可以参考一下。

先看下面HTML代码：

<html>
<body>
    <form name="myForm">
      <input type="button"
             value="Big Button"
             name="myButton">
    </form>
</body>
</html>

我们要获取button按钮所在表单的name属性，该如何实现呢？其实很简单，这要使用到js的document对象，具体实现代码如下：

<html>
<body>
    <form name="myForm">
      <input type="button" value="Big Button" id="myButton">
    </form>
    <script language="text/javascript">
<!--
http://www.manongjc.com/article/1802.html
作者：码农教程
-->
    alert(document.getElementById("button1").form.id);
    </script>
</body>
</html>

从上面代码可以看出，直接使用document.getElementById("button1").form.id即可获取button按钮所在表单的name属性。

随机文章
Javascript知识点必读
最近更新