gpt4 book ai didi

javascript - 循环和数组问题

转载 作者:行者123 更新时间:2023-11-28 02:37:41 24 4
gpt4 key购买 nike

好的,我有一个文字数组,其中有一些图像。我有一个空的 DIV,其中将执行 FOR 循环以显示 div 中数组中的所有图像。

var icons = [
'<img src="images/1.png" width="30" height="30"/>',
'<img src="images/2.png" width="30" height="30"/>',
'<img src="images/3.png" width="30" height="30"/>'
];

var lol = document.getElementById("div");

for (var i=0; i<icons.length; i++) {
lol.innerHTML = icons[i] ;
}

问题是仅显示最后一张图像,而不是全部...

最佳答案

那是因为您正在用当前图像覆盖前一个图像。如果要附加/连接所有图像,请使用 +=:

lol.innerHTML += icons[i];

处理这个问题的更好方法是使用 DOM 处理:

var img = document.createElement("img");
img.setAttribute("src", icons[i]);

lol.appendChild(img);

关于javascript - 循环和数组问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13207255/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com