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>