如何通过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)应该就可以了吧