Javascript For 循环中的意外令牌非法

Question

我正在尝试编写一个简单的随机化器，它将单独随机设置组的背景位置。

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 循环的右大括号之后收到未捕获的语法错误：意外的令牌非法，我不明白为什么。

Answer 1

最后一个花括号后确实有一个非法字符，看看我得到了什么copy-pasting that code on jsfiddle，注意红点。

    button[i].innerHTML = i;
}*

使用其他编辑器打开该文件，例如vim 使用 :set list.

检查奇怪的字符

Javascript For 循环中的意外令牌非法

Unexpected Token ILLEGAL on Javascript For Loop

html

javascript

css

for-loop

syntax-error