JavaScript中3张图片中只有一张图片出现

<img id="opeth"> </img> 

<script type="text/javascript"> 
    var gearpics = []; 
     document.getElementById("opeth").innerHTML = gearpics; 

    var prs = new Image(); 
    prs.onload = function() { 
    }; 
    prs.src = src 

    var prs2 = new Image(); 
    prs2.onload= function() { 
    }; 
    prs2.src = src 

    var prs3 = new Image(); 
    prs3.onload= function() { 
    }; 
    prs3.src = src 
function insert() { 
    gearpics.push(document.getElementById('opeth').src = prs.src); 
    gearpics.push(document.getElementById('opeth').src = prs2.src); 
    gearpics.push(document.getElementById('opeth').src = prs3.src); 
    } 
</script>

这是我的代码。当我运行它，并按下“显示图片”按钮时，仅出现第三张图片（id = prs3）。我希望他们都出现。JavaScript中3张图片中只有一张图片出现

来源

2016-02-11 Jon P.

您正在将所有3张图片设置为相同的ID。第三个是显示，因为这是最后一个被设置为该ID。如果您创建3个img标签并将每张图片推送到不同的ID，则应全部显示 – erichardson30

''这是非法的html。 img标签是单身人士，不能有任何内容。 –

[Javascript set img src]可能重复（http://stackoverflow.com/questions/1232793/javascript-set-img-src） – AleFranz

您使用的是相同的ID为您3张图片：

gearpics.push(document.getElementById('opeth').src = ...);

ID应该是HTML文档中是唯一的。

来源

2016-02-11 15:44:02

谢谢。添加不同的ID到图片工作！队友的欢呼声！ –

乐于助人;-)不要忘记标记问题已解决。 –

JavaScript中3张图片中只有一张图片出现

回答

相关问题