【发布时间】:2015-05-01 13:10:36
【问题描述】:
我正在尝试编写一个简单的随机器,它将单独随机设置组的背景位置。
HTML:
<div class="button"></div>
<div class="button"></div>
<div class="button"></div>
<div class="button"></div>
<div class="button"></div>
<div class="button"></div>
<div class="button"></div>
<div class="button"></div>
<div class="button"></div>
<div class="button"></div>
CSS:
.button{
width: 100px;
height: 40px;
background:url(redMetal.jpg) no-repeat;
border: 1px solid #ff0000;
display: inline-block;
float: left;
margin: 20px;
text-align: center;
color: #fff;
}
Javascript:
var button = document.getElementsByClassName("button");
for (var i = 0; i < button.length; i++) {
x = Math.random() * (3499 - 0) + 0;
y = Math.random() * (2359 - 0) + 0;
button[i].style.backgroundPosition = (x * -1) + "px" + (y * -1) + "px";
button[i].innerHTML = i;
}
当我这样做时,我在 for 循环的右花括号之后得到一个 UNCAUGHT SYNTAXERROR: Unexpected token ILLEGAL,我不明白为什么。
【问题讨论】:
-
那是因为你在右大括号后面有一个非法字符。 Represented by the red dot here.。请注意,我直接从您的问题中复制了此代码。
-
这是你所有的 JavaScript,还是在 for 循环之后还有什么?
-
代码看起来有效。也许您的脚本末尾有一些不可见且无效的字符。
-
这是我的 100% 的 javascript,for 循环之后什么都没有。我仔细检查并删除了所有不间断的空格,它很干净。
标签: javascript html css for-loop syntax-error