为什么我的简单循环不会在jsfiddle.net中运行？

Question

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

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);
}

Answer 1

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