js for循环追加html代码,如何通过JS内的for循环使用getElementById().style.height等方法更改html代码中的属性。...

html中存在id为0至5的的6个div属性，现在要依次更改他们的高度，6个id的高度不同，现在想要通过使用for循环来直接输出更改的代码。

现在使用代码如下：

function $(id){

return document.getElementById(id);

}

function set(){

$('picture-img').style.height = c + 'px';

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

$("i").style.height= 593 + 'px';

$("i").style.width= 1244 + 'px';

$("i").style.left= 17 + 'px';

$("i").style.top= 362 + 'px';

}

现在问题存在为输出的代码为

$("i").style.height= 593 + 'px';

而不是

$("0").style.height= 593 + 'px';

$("1").style.height= 593 + 'px';.............，使用php可以输出想要的数据，但是要实现功能还要使用ajax,有点麻烦，想在JS部分直接完成所有操作