这篇文章主要介绍了怎么在JavaScript中获取表单元素,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
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
获取当前页面的所有表单
document.forms[0]
获取当前页面的第一个表单
document.forms['hello']
通过表单的name属性获取表单
document.forms['login']
通过表单的id属性获取表单
<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>
感谢你能够认真阅读完这篇文章,希望小编分享的“怎么在JavaScript中获取表单元素”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。