• 技术文章 >web前端 >js教程

    如何在JavaScript中获取表单元素

    逆旅行人逆旅行人2021-04-07 15:36:59原创45

    2021040715281787861.jpg

    HTML中的表单:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <form action="" name="hello" id="login">
                  <input type="text" placeholder="demo@email.com"
                  <button>提交</button>
        </form>
    </body>
    </html>

    利用document.forms获取当前页面的所有表单

        <script>
     //form
              console.log(document.forms);
     //  <form action="" name="hello" id="login">
              console.log(document.forms[0]);
              console.log(document.forms['hello']);
              console.log(document.forms['login']);
               
              console.log(document.forms.item(0));
              console.log(document.forms.item("hello"));
              console.log(document.forms.item("login"));
      //推荐 id
              console.log(document.forms.namedItem("login"));
              console.log(document.forms.hello);
              console.log(document.forms.login);
    
        </script>

    推荐:《2021年js面试题及答案(大汇总)

    以上就是如何在JavaScript中获取表单元素的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:JavaScript form
    上一篇:javascript中对象怎么转换为字符串 下一篇:javascript中怎么将xml转为json
    第15期线上培训班

    相关文章推荐

    • javascript是一种什么样的语言• javascript如何删除数组元素• javascript中this的用法有哪些• javascript如何显示隐藏div• javascript怎么将字符串转为日期类型• javascript中对象怎么转换为字符串

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网