javascript - 为什么我的简单循环无法在jsfiddle.net中运行？

也许今天早上我没有喝足够的咖啡，但是由于这个看似简单的循环，我遇到了一个奇怪的错误：

http://jsfiddle.net/za2Lrduo/1/

var a;
for(a = 1; a <= 100; a++){
    a = document.createElement('div');
    a.style.width = '10px';
    a.style.height = '10px';
    a.style.background = 'red';
    document.body.appendChild(a);
}

最佳答案

开始循环后，您将重新分配a。

不要为元素变量重复使用a，请使用其他方法：

var elem;
for(var a = 1; a <= 100; a++){
    console.log(a);
    elem = document.createElement('div');
    elem.style.width = '10px';
    elem.style.height = '10px';
    elem.style.background = 'red';
    document.body.appendChild(elem);
}

JSFiddle

关于javascript - 为什么我的简单循环无法在jsfiddle.net中运行？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33872693/