您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
javascript遍历控件实例详细解析
作者：佚名 责任编辑：admin 更新时间：2022-06-22
这篇文章详细解析了javascript遍历控件实例，有需要的朋友可以参考一下
js遍历页面控件， 代码如下: var inputArr = document.forms[0]; for( var i = 0; i < inputArr.length; i++ ) { if( inputArr[i].type.toUpperCase() == "BUTTON" ) { inputArr[i].disabled="disabled"; }else if( inputArr[i].type.toUpperCase() == "FILE" ){ inputArr[i].readonly=true; } } 另一种方法： 代码如下: var Elements = document.getElementsByTagName_r("*"); var msgs; var i; for ( i in Elements ) { if ( Elements[i].type == "text" ) { alert(Elements[i].value); } } JS遍历控件取值 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>JS遍历控件取值</title> <mce:script type="text/javascript"><!-- function Submit() { var Text=document.getElementsByTagName("input"); var Array=""; for(var i=0;i<Text.length;i++) { if(Text[i].type=="text"||Text[i].type=="checkbox") { Array+=","; Array+=Text[i].value; } } Array=Array.substring(1,Array.length); alert(Array); } // --></mce:script> </head> <body> <table> <tr> <td style="width: 100px"> <input id="Checkbox1" type="checkbox" value="胡果" />胡果</td> <td style="width: 100px"> <input id="Text1" type="text" value="ws_hgo" /></td> <td style="width: 100px"> <input id="Button1" type="button" value="button" onclick="Submit(this)" /></td> </tr> </table> </body> </html> 遍历页面 text控制代码 代码如下: function Texts() { //var els= document.getElementsByTagName("*"); //els得到页面所有控件 var els= document.getElementsByTagName("INPUT"); //上面的也可，这样可以减少循环 var msgs=""; for (var i=0;i<els.length;i++ ) { if (els[i].type == "text" ) { //取得控件ID msgs += els[i].id + ","; } } alert(msgs); }- 上一个程序编程： 兼容主流浏览器的iframe自适应高度js脚本
- 下一个程序编程： 深入理解JSON数据源格式
