Javascript获取所有控件

                                                                                                          Javascript无比优越的特性

               我们可能做过这样或那样的网站，需要在同一个页面提交多次表单并且是同一个表单，亦或者是删除多条信息。那么我们就需要获取相应控件。

下面是一下代码：

javascript脚本：

<javascript  type="javascript/text">

function  void componet() //这里根据自己的情况需不需要传递参数

{

.var arrAll=document.all;   
2.  
3.for(i=0;i <arrAll.length;i++)   
4.{   
5.    alert(arrAll[i].id);   
6.    alert(arrAll[i].name);   
7.      if(arrAll[i].id== '... ')   
8.      {   
9.          //   do   something   
10.      }   
11.}  
var arrAll=document.all;


for(i=0;i <arrAll.length;i++)
{
    alert(arrAll[i].id);
    alert(arrAll[i].name);
      if(arrAll[i].id== '... ')
      {
          //   do   something
      }
}

</javascript >


Html代码  
1.var arrAll=document.form[0].elements;   
2.  
3.for(i=0;i <arrAll.length;i++)   
4.{   
5.     var strId += '- '+arrAll[i].id;   
6.}  
var arrAll=document.form[0].elements;


for(i=0;i <arrAll.length;i++)
{
     var strId += '- '+arrAll[i].id;
}

}


Html代码  
1.var arrAll=document.all;   
2.  
3.for (i=0;i <arrAll.length;i++)   
4.{   
5.    if(arrAll[i].name == 'label')   
6.    {   
7.        document.getElementById(arrAll[i].id).style.color = "black";   
8.    }   
9.}  
var arrAll=document.all;


for (i=0;i <arrAll.length;i++)
{
    if(arrAll[i].name == 'label')
    {
        document.getElementById(arrAll[i].id).style.color = "black";
    }
}


鼠标选择控件，使控件变颜色，并且用4个按钮改变多个控件的位置 
js代码 


Js代码  
1.<script type="text/javascript" >   
2.  
3.    var labelID = "";   
4.  
5.    function moveTop()   
6.    {   
7.       var a=document.getElementById(labelID).style.top;   
8.       var Top=a.substring(0,a.indexOf("px"));   
9.       document.getElementById(labelID).style.top= parseInt(Top)-10;// 向上   
10.    }   
11.    function moveUnder()   
12.    {   
13.       var a=document.getElementById(labelID).style.top;   
14.       var Top=a.substring(0,a.indexOf("px"));   
15.       document.getElementById(labelID).style.top= parseInt(Top)+10;// 向下   
16.    }   
17.    function moveLeft()   
18.    {   
19.       var b=document.getElementById(labelID).style.left;   
20.       var Left=b.substring(0,b.indexOf("px"));   
21.       document.getElementById(labelID).style.left= parseInt(Left)-10;// 向左   
22.    }   
23.    function moveRight()   
24.    {   
25.       var b=document.getElementById(labelID).style.left;   
26.       var Left=b.substring(0,b.indexOf("px"));   
27.       document.getElementById(labelID).style.left= parseInt(Left)+10;// 向右边   
28.    }   
29.    function getID(labelIDCS)   
30.    {   
31.       labelID = labelIDCS;   
32.  
33.       var arrAll=document.all;   
34.  
35.       for (i=0;i <arrAll.length;i++)   
36.       {   
37.           if(arrAll[i].name == 'label')   
38.           {   
39.               document.getElementById(arrAll[i].id).style.color = "black";   
40.           }   
41.       }   
42.       document.getElementById(labelID).style.color = "red";   
43.    }   
44.</script>