js form对象的三种获取方式

时间：2024-10-21 07:32:11

js form对象的三种获取方式


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function test(){
       //     var form1=("formId");//[object HTMLFormElement]

       //     var form1=("form1")[0];//[object HTMLFormElement]

        //   var form1=("form")[0];//[object HTMLFormElement]

            var forms=;//[object HTMLCollection]

            //form对象的 第一种获取方式
            var form1=[0];
           for(var i =0 ;i<;i++){
                alert(forms[i].name);
           }
            //form对象的 第二种获取方式
//            var form1=["form1"];
            //form对象的 第三种获取方式
     //       var form1=document.form1;
//            alert();
//            alert();

        }

    </script>
</head>
<body>
    <form name="form1"  action="" method="get">
        用户名:<input name="uname"  /><br/>
        密码:<input type="password" name="pwd"/><br/>
        <input type="submit" value="提交" />
    </form>
    <form name="form2"  action="" method="get">
        用户名:<input name="uname"  /><br/>
        密码:<input type="password" name="pwd"/><br/>
        <input type="submit" value="提交" />
    </form>
    <input type="button" value="test" οnclick="test()" />
</body>
</html>


相关文章