javascript - 怎样引用“第i个元素"?

Question

<td width="30%" align="center"> <img src="" id="img["num"]" > </td>"+
                  "<td width="60%" align="right">"+
                  "<input type="file" id="file0" onchange ="upfile.value=this.value" name="file["+num+"]">"+
                  " <input type="button" name="Submit2" value="修改描述信息" class="button" onclick="changeContent("+num+")> ""+
                  "<input type="button" name="Submit2" value="删 除" class="button"></td></tr>";

我有num个img标签，<img src="" id="img[0]" > <img src="" id="img[1]" ><img src="" id="img[2]" ><img src="" id="img[3]" >......

然后我想在javascript中使用

function  changeContent(var i){
  var o = document.getElementById("");
 var c = o.innerHTML;
 o.innerHTML = "<input type='text' value='" + c + "'/>"
}

来引用第i个img，document.getElementById()改怎么写?
用document.getElementById("img[i]");对吗？

Answer 1

document.getElementById("img["+i+"]"); //这样是对的

"img[i]"指的是字面量"img[i]"，想要达到理想效果，就需要进行字符串拼接得到getElementById的参数。

Answer 2

document.getElementById("img["+i+"]");