JavaScript中3个图像的数组中只显示一个图像

JavaScript中3个图像的数组中只显示一个图像,javascript,arrays,image,Javascript,Arrays,Image,这是我的密码。当我运行它并按下“显示图片”按钮时,只有第三张图片(id=prs3)出现。我希望他们都来 您对3张图片使用了相同的ID: <img id="opeth"> </img> <script type="text/javascript"> var gearpics = []; document.getElementById("opeth").innerHTML = gearpics; var prs = new Im

这是我的密码。当我运行它并按下“显示图片”按钮时,只有第三张图片(id=prs3)出现。我希望他们都来

您对3张图片使用了相同的ID:

<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在HTML文档中应该是唯一的。

您正在将所有3张图片设置为相同的ID。显示第3张图片是因为这是最后一张设置为该ID的图片。如果您创建3个img标记并将每张图片推送到不同的ID,则它们都应显示
,这是非法的HTML。img标签是单例的,不能有任何内容。可能是重复的谢谢。在图片中添加不同的ID有效!干杯,伙计!乐于助人;-)别忘了把问题标为已解决。
gearpics.push(document.getElementById('opeth').src = ...);