当前位置:Gxlcms > JavaScript > javascript遍历控件实例详细解析_javascript技巧

javascript遍历控件实例详细解析_javascript技巧

时间:2021-07-01 10:21:17 帮助过:30人阅读

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遍历控件取值

代码如下:




JS遍历控件取值










胡果




遍历页面 text控制代码

代码如下:

function Texts()
{
//var els= document.getElementsByTagName("*"); //els得到页面所有控件
var els= document.getElementsByTagName("INPUT"); //上面的也可,这样可以减少循环
var msgs="";
for (var i=0;i {
if (els[i].type == "text" )
{
//取得控件ID
msgs += els[i].id + ",";
}
}
alert(msgs);
}

人气教程排行