本文摘自PHP中文网,作者逆旅行人,侵删。
HTML中的表单:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!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属性获取表单
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <script>
console.log(document.forms);
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" ));
console.log(document.forms.namedItem( "login" ));
console.log(document.forms.hello);
console.log(document.forms.login);
</script>
|
推荐:《2021年js面试题及答案(大汇总)》
以上就是如何在JavaScript中获取表单元素的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript怎么样判断字符串中是否包含某个字符串
javascript没有名称的函数叫什么
javascript的三大组成部分是什么
javascript中url的相关内容介绍(附代码)
javascript区分整数和浮点数吗
javascript输出语句有哪些
js对象基础知识的巩固学习笔记
用js怎么改变css样式
javascript如何删除和添加元素
javascript怎么删除信息
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 如何在JavaScript中获取表单元素