JS中用for循环解决重复定义的问题

在界面设计过程中,也许有些id,我们是按照功能取的,在使用的时候发现分别定义有点烦人。这样的定义变量能不能用for循环实现?

var btn1 = document.getElementById(btn1);
var btn2 = document.getElementById(btn2);
var btn3 = document.getElementById(btn3);
var btn4 = document.getElementById(btn4);
var btn5 = document.getElementById(btn5);
var btn6 = document.getElementById(btn6);
var btn7 = document.getElementById(btn7);
var btn8 = document.getElementById(btn8);
var btn9 = document.getElementById(btn9);
var btn10 = document.getElementById(btn10);
//.............
var btn20 = document.getElementById("btn20");

以下为for循环实现代码

var arrname=new Array();
for(var i = 0;i < 20;i++){
    arrname[i] = "btn"+ i;  
}

这样用的时候就可以直接用
document.getElementById(arrname[需要的序号]).