循环在for- .setAttribute - JavaScript中不起作用
循环在for- .setAttribute - JavaScript中不起作用
提问于 2018-08-16 03:08:16
我的JS脚本有一个小问题。我试图给数组中的每个元素一个不同的数字，这些数字也是在一个数组中设置的。当然，我使用了for循环。现在，在for循环之外，这可以很好地工作。
var i = 0;
document.getElementsByClassName("MosaikBilder")[i].setAttribute("value", BilderListe[i]);但是一旦我把它放到for循环中，整个脚本就无法执行了。浏览器根本不会加载脚本。
var AlleBilder = document.getElementsByClassName("MosaikBilder");
for(i=0; i<AlleBilder.length -1; i++){
document.getElementsByClassName("MosaikBilder")[i].setAttribute("value", BilderListe[i]);
}为了更好地理解这一点，html和css：
HTML：
<div class="padding"></div>
<img class="MosaikBilder" src="B1.png" value=0 >
<img class="MosaikBilder" src="B2.png" value=0 >
<img class="MosaikBilder" src="B3.png" value=0 >
<img class="MosaikBilder" src="B4.png" value=0 >
<img class="MosaikBilder" src="B5.png" value=0 >
<img class="MosaikBilder" src="B6.png" value=0 >
<div style="clear: both"></div>
<div class="padding"></div>CSS：
title {
display: none;
}
.padding {
width: 100%;
height: 200px;
background-color: red;
margin-top: 20px;
margin-bottom: 20px;
}
.MosaikBilder {
margin: 10px;
float: left;
}BilderListe是一个普通的数组，它由以下JS产生：
function Zahlenzuweisung(){
for(var i=0 ; i<BilderListe.length; i++){
BilderListe[i] = Math.round(Math.random()*1000);
if(BilderListe[i] > 1000){
BilderListe[i] = 1000;
}
}该数组包含15个随机生成的数字，看起来没有问题。数组的其他一切都运行得很好。
有没有什么建议，为什么我把一行代码放入for循环后，整个脚本不能立即执行？
任何帮助都是非常感谢的，我是一个相对较新的人，并感谢每一种帮助:)
编辑:这是小提琴。这是我的第一个，所以它可能会在某些边缘失败https://jsfiddle.net/ugdb1423/6/
注意:脚本背后的整个想法是在每次加载页面时重新排列图片。我从生成一个没有重复的随机数列表开始。一旦完成这一点，我想得到一个列表中的所有图片，并给他们一个随机数字。然后我想对这个列表进行排序，删除图片，并将它们放回新的顺序。为了存储生成的数字，我想到了使用"value“属性。正如我所说的，它似乎在for循环之外有效，但在内部无效。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51864936
复制相关文章
相似问题