JS中用for循环解决重复定义的问题
在界面设计过程中,也许有些id,我们是按照功能取的,在使用的时候发现分别定义有点烦人。这样的定义变量能不能用for循环实现?
1 var btn1 = document.getElementById(btn1); 2 var btn2 = document.getElementById(btn2); 3 var btn3 = document.getElementById(btn3); 4 var btn4 = document.getElementById(btn4); 5 var btn5 = document.getElementById(btn5); 6 var btn6 = document.getElementById(btn6); 7 var btn7 = document.getElementById(btn7); 8 var btn8 = document.getElementById(btn8); 9 var btn9 = document.getElementById(btn9); 10 var btn10 = document.getElementById(btn10); 11 //............. 12 var btn20 = document.getElementById("btn20");
以下为for循环实现代码
1 var arrname=new Array(); 2 for(var i = 0;i < 20;i++){ 3 arrname[i] = "btn"+ i; 4 }
这样用的时候就可以直接用
document.getElementById(arrname[需要的序号]).
文章引自 http://blog.csdn.net/qq_36356142/article/details/52779723
