Rumah > hujung hadapan web > tutorial js > javascript遍历控件实例详细解析_javascript技巧

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-05-16 17:04:33
asal
1323 orang telah melayarinya

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);
         }
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan