求帮我看下这个怎么写for循环

Question

var r1 = document.createElement("b");var r1content=document.createTextNode(filterArr[0]);r1.appendChild(r1content);var r01 = document.getElementById("rank1");r01.appendChild(r1);var r2 = document.createElement("b");var r2content=document.createTextNode(filterArr[1]);r2.appendChild(r2content);var r02= document.getElementById("rank2");r02.appendChild(r2);var r3 = document.createElement("b");var r3content=document.createTextNode(filterArr[2]);r3.appendChild(r3content);var r03 = document.getElementById("rank3");r03.appendChild(r3);是这样的，我想写一个for循环，但是不知道怎么设置变量，想写成想把r1,r2,r3;r01,r02,r03;filterArr[0]filterArr[1]filterArr[2]都写成rn的形式，但是for循环里面，for(var i=o;i<6;i++){}这个不会变形，谁能教教我，谢谢

Answer 1

没用for循环

function init(elString,index,id){

    var r = document.createElement(elString);

    var rContent=document.createTextNode(filterArr[index]);

    r.appendChild(rContent);

    var r0 = document.getElementById(id);

    r0.appendChild(r);

}

init('b',0,'rank1');

init('b',1,'rank2');

init('b',2,'rank3');

for循环，应该行，你先试试。

for(var i=0;i<3;i++){

    var r = document.createElement("b");

    var rContent=document.createTextNode(filterArr[i]);

    r.appendChild(rContent);

    var r0 = document.getElementById("rank"+(i+1));

    r0.appendChild(r);

}