js如何遍历表单所有控件

一、总结

一句话总结：

1、获取form表单里面的的所有元素：通过formelement.elements，这里form元素通过name属性直接定位

var fele=form01.elements;

2、循环遍历获取特定的元素：通过elements[i]的形式

var e=fele[i];

前两步即可遍历表单所有控件

3、判断一个控件的类型是不是type：通过element.type

if (e.type=='submit') {

二、js如何遍历表单所有控件

1、案例截图

2、案例代码

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>演示文档</title>
 6     <style type="text/css">
 7     /*    input{background: green}
 8         input[type=submit]{
 9             background: orange
10         }*/
11     </style>
12 </head>
13 <body>
14     <form action="#" method="post" name="form01">
15         <p>昵称：<input type="text" name="username"></p>
16         <p>密码：<input type="password" name="password"></p>
17         <p><input type="submit" value="提交"></p>
18     </form>
19     <script type="text/javascript">
20         function getFele(){
21             var fele=form01.elements;
22             // alert(fele.length)
23             for(var i=0;i<fele.length;i++){
24                 var e=fele[i];
25                 if (e.type=='submit') {
26                     e.style.background='orange'
27                 }else{
28                     e.style.background='green'
29                 }
30                 
31             }
32 
33         }
34         getFele()
35     </script>
36 </body>
37 </html>

相关阅读:
3.1 创建模型-实体属性
3. 创建模型
2.1 DbContext
2. EF Core 如何显示执行的SQL语句
1.1 为现有数据库生成实体模型
1. EF Core 概述
【2020-08-01】人生十三信条
【一句日历】2020年8月
【2020-07-31】一个像我一样精力充沛的孩子
【2020-07-30】强大内心是自己的义务

原文地址：https://www.cnblogs.com/Renyi-Fan/p/9146924.html