JS 遍历页面上所有的控件
获得所有控件ID Html代码 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 } } 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 }}Html代码 var arrAll=document.form[0].elements; for(i=0;i <arrAll.length;i++) { var strId += '- '+arrAll[i].id; } var arrAll=document.form[0].elements;for(i=0;i <arrAll.length;i++){ var strId += '- '+arrAll[i].id;}Html代码 var arrAll=document.all; for (i=0;i <arrAll.length;i++) { if(arrAll[i].name == 'label') { document.getElementById(arrAll[i].id).style.color = "black"; } } 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代码 <script type="text/javascript" > var labelID = ""; function moveTop() { var a=document.getElementById(labelID).style.top; var Top=a.substring(0,a.indexOf("px")); document.getElementById(labelID).style.top= parseInt(Top)-10;// 向上 } function moveUnder() { var a=document.getElementById(labelID).style.top; var Top=a.substring(0,a.indexOf("px")); document.getElementById(labelID).style.top= parseInt(Top)+10;// 向下 } function moveLeft() { var b=document.getElementById(labelID).style.left; var Left=b.substring(0,b.indexOf("px")); document.getElementById(labelID).style.left= parseInt(Left)-10;// 向左 } function moveRight() { var b=document.getElementById(labelID).style.left; var Left=b.substring(0,b.indexOf("px")); document.getElementById(labelID).style.left= parseInt(Left)+10;// 向右边 } function getID(labelIDCS) { labelID = labelIDCS; var arrAll=document.all; for (i=0;i <arrAll.length;i++) { if(arrAll[i].name == 'label') { document.getElementById(arrAll[i].id).style.color = "black"; } } document.getElementById(labelID).style.color = "red"; } </script> <script type="text/javascript" > var labelID = ""; function moveTop() { var a=document.getElementById(labelID).style.top; var Top=a.substring(0,a.indexOf("px")); document.getElementById(labelID).style.top= parseInt(Top)-10;// 向上 } function moveUnder() { var a=document.getElementById(labelID).style.top; var Top=a.substring(0,a.indexOf("px")); document.getElementById(labelID).style.top= parseInt(Top)+10;// 向下 } function moveLeft() { var b=document.getElementById(labelID).style.left; var Left=b.substring(0,b.indexOf("px")); document.getElementById(labelID).style.left= parseInt(Left)-10;// 向左 } function moveRight() { var b=document.getElementById(labelID).style.left; var Left=b.substring(0,b.indexOf("px")); document.getElementById(labelID).style.left= parseInt(Left)+10;// 向右边 } function getID(labelIDCS) { labelID = labelIDCS; var arrAll=document.all; for (i=0;i <arrAll.length;i++) { if(arrAll[i].name == 'label') { document.getElementById(arrAll[i].id).style.color = "black"; } } document.getElementById(labelID).style.color = "red"; }</script>asp HTML代码 Html代码 <asp:Label ID = "lblDSRText" Text = "当事人" runat = "server" name="label" Style="left: 280px; position: absolute;top: 262px" onclick="getID('lblDSRText')" Width="38px" ></asp:Label> <asp:Label ID = "lblDSRXMText" Text = "当事人姓名" runat = "server" name="label" Style="left: 541px; position: absolute;top: 262px" onclick="getID('lblDSRXMText')" Width="61px"></asp:Label> <asp:ImageButton ID = "ibnSY" runat = "server" ImageUrl="~/imgs/top.GIF" onclick="moveTop()" /> <asp:ImageButton ID = "ibnXY" runat = "server" ImageUrl="~/imgs/down.GIF" onclick="moveUnder()" /> <asp:ImageButton ID = "ibnZY" runat = "server" ImageUrl="~/imgs/left.GIF" onclick="moveLeft()" /> <asp:ImageButton ID = "ibnYY" runat = "server" ImageUrl="~/imgs/right.GIF" onclick="moveRight()" /> <asp:Label ID = "lblDSRText" Text = "当事人" runat = "server" name="label" Style="left: 280px; position: absolute;top: 262px" onclick="getID('lblDSRText')" Width="38px" ></asp:Label><asp:Label ID = "lblDSRXMText" Text = "当事人姓名" runat = "server" name="label" Style="left: 541px; position: absolute;top: 262px" onclick="getID('lblDSRXMText')" Width="61px"></asp:Label><asp:ImageButton ID = "ibnSY" runat = "server" ImageUrl="~/imgs/top.GIF" onclick="moveTop()" /><asp:ImageButton ID = "ibnXY" runat = "server" ImageUrl="~/imgs/down.GIF" onclick="moveUnder()" /><asp:ImageButton ID = "ibnZY" runat = "server" ImageUrl="~/imgs/left.GIF" onclick="moveLeft()" /><asp:ImageButton ID = "ibnYY" runat = "server" ImageUrl="~/imgs/right.GIF" onclick="moveRight()" />?