gpt4 book ai didi

javascript - for循环和数组来获取图像

转载 作者:行者123 更新时间:2023-12-03 11:44:34 25 4
gpt4 key购买 nike

说明是创建一个数组并将文件名存储到一个 4 元素长的数组中。创建 4 个具有空白 src 属性的标签,它们的 id 属性应标记为“image1”到“image4”创建一个 for 循环,将每个 img 元素的 src 属性更改为 zip 中的 4 个文件。

<body>

<img id="image1" src="" alt="">
<img id="image2" src="" alt="">
<img id="image3" src="" alt="">
<img id="image4" src="" alt="">

<script>


myArr = [ "images/bugeyes.png", "images/chubby.png", "images/dawww.png", "images/twocats1image.png"];

myArr[myArr.length] = 4

for(i = 0; i < myArr.length; i++)
{
document.getElementById("image[i]").src = myArr[i].src;
}
</script>

</body>
</html>

最佳答案

循环从 0 开始,到 3 结束,而图像从 1 开始,到 4 结束。如果从 1 开始循环并计数直到数组长度的末尾,它将为正确的图像提供正确的源。

myArr = [ "images/bugeyes.png", "images/chubby.png", "images/dawww.png", "images/twocats1image.png"];

for(i = 1; i <= myArr.length; i++)
{
var currentImg = "image" + i;
document.getElementById(currentImg).src = myArr[i];
}

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

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