js form对象的三种获取方式

最新推荐文章于 2021-12-27 00:15:00 发布

mischen520

最新推荐文章于 2021-12-27 00:15:00 发布

阅读量2.2w

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/miachen520/article/details/51863366

版权

javascript 专栏收录该内容

72 篇文章 1 订阅

订阅专栏

js form对象的三种获取方式

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

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

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

            var forms=document.forms;//[object HTMLCollection]

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

        }

    </script>
</head>
<body>
    <form name="form1" id="formId" action="test.html" method="get">
        用户名:<input name="uname"  /><br/>
        密码:<input type="password" name="pwd"/><br/>
        <input type="submit" value="提交" />
    </form>
    <form name="form2" id="formId2" action="test.html" 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>

mischen520

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
js form对象的三种获取方式

js form对象的三种获取方式 Title function test(){ // var form1=document.getElementById("formId");//[object HTMLFormElement] // var form1=document.getElements
复制链接

扫一扫