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

Question

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部分直接完成所有操作

Answer 1

你可以试试在for循环里加这句：i = i + '';将i变为字符，而$("i")就改为$(i)应该就可以了吧