Heim  >  Artikel  >  Web-Frontend  >  javascript遍历控件实例详细解析_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 17:04:331256Durchsuche

js遍历页面控件,

复制代码 代码如下:

 var inputArr = document.forms[0];
   for( var i = 0; 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);
         }
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn