js如何获取button按钮的name属性

时间:2017-03-21
本文章向大家介绍javascript如何获取button按钮的name属性,这里主要使用到document的一些方法,需要的朋友可以参考一下。

问题:js如何获取button按钮的name属性。

解决方法和源码实例:

<html>
    <form name="myForm">
      <input type="button"
             value="Press here to see the name of this button"
             name="myBigButton"
             onClick="displayButtonName()">
      <input type="text"
             name="textBox">
    </form>
    <script language="JavaScript">
    function displayButtonName() <!--from http://www.manongjc.com  码农教程  -->
    {
      document.myForm.textBox.value=document.myForm.myBigButton.name;
    }
    </script>
</html>

上面代码中的document.myForm.myBigButton.name即为获取button按钮的name属性值。

  • document.myForm表示获取name属性为myForm的表单。
  • document.myForm.myBigButton表示获取myForm的表单中按钮name属性为myBigButton的按钮。