动态添加图片的问题，帮忙看下，谢谢

<html>
<head>
<script type="text/javascript" >
function addTd(){
var currRow=table1.insertRow();
var cellc = currRow.insertCell();
cellc.innerHTML = '<input type="file" onchange="dipInfo();"/>';
}
function dipInfo(){
alert("xianshineirongwaaaaaaaaaaaa");
}
function updateImage(){
var i=0;
i++;
var currRow=table1.insertRow();
var cellc = currRow.insertCell();
var imageIdStr = "imageId"+i;
cellc.innerHTML = '<img id="'+imageIdStr+'" />';
document.getElementById("'+imageIdStr+'").src="C:/Documents and Settings/Administrator/桌面/tupian1.jpg";

}
</script>
</head>
<body>
<table id='table1'>
<input type="button" value="增加" onclick="updateImage()" />
</table>
</body>
</html>如果我想每次点击新增的时候都创建新的<image>
并且使id为不同的值.该如何写。
我这样写确实获取不到id。
 谢谢了，~

解决方案 »

  1.   

    我晕，你每次添加，i都是1，在js里id是不能重复的，重复了就会认不到。
    把var i=0;放到全局去（如放到function addTd(){这行代码的上方）
      

  2.   

    ...仁兄，你没明白我的意思。，getElementById("'+imageIdStr+'").src="
    所有这种拼接的东西，都无效,有什么办法吗?
    如果都换成
    getElementById("img1").src="
    这种方式,确实可以显示出来.
    关键我现在想动态的添加多条数据,
    必然要有ID.
    但是
    getElementById("'+imageIdStr+'").src="
    这种获取ID的方式,确实获取不到,能否解决下~。
      

  3.   

    如果是这样，那你就多此一举了，直接这样就可以了
    document.getElementById(imageIdStr).src="C:/Documents and Settings/Administrator/桌面/tupian1.jpg";
      

  4.   

    我现在,在IE7运行.
    首先动态创建了
    var currRow=table1.insertRow();
    var cellc = currRow.insertCell();
    cellc.innerHTML = ' <img id="imageId" /> ';
    var cellc1 = currRow.insertCell();
    cellc1.innerHTML = '<input type="file" onChange="updateImg();"'
    然后在
    updateImg中给图片设置路径,怎么都显示不出来呢.
    document.getElementById(imageId).src="C:/Documents and Settings/Administrator/桌面/tupian1.jpg"; 
      

  5.   

     这个跟 tomcat请求缓存有关系吗，。我这毕竟是请求的一个磁盘上的图片,也不是访问地址.
    如果随便写一个html文件设置是没问题,启动tomcat应用后,访问这个页面的时候,就会不显示图片,这是为什么呢...
      

  6.   

    纠正下：
    document.getElementById('imageId').src="C:/Documents and Settings/Administrator/桌面/tupian1.jpg";  
      

  7.   

    function updateImage(){
    var i=0;//你这个变量写在function里面每次都是0开始，++也是1，然后每次ID都是一样的。
    i++;
    var currRow=table1.insertRow();
    var cellc = currRow.insertCell();
    var imageIdStr = "imageId"+i;
    cellc.innerHTML = '<img id="'+imageIdStr+'" />';
    document.getElementById("'+imageIdStr+'").src="C:/Documents and Settings/Administrator/桌面/tupian1.jpg";}
      

  8.   

    首先动态创建了
    var currRow=table1.insertRow();
    var cellc = currRow.insertCell();
    cellc.innerHTML = ' <img id="imageId" /> ';
    var cellc1 = currRow.insertCell();
    cellc1.innerHTML = '<input type="file" onChange="updateImg();"'
    然后在
    普科国际学生updateImgdocument.getElementById(imageId).src="C:/Documents and Settings/Administrator/桌面/tupian1.jpg";