js循环更改div颜色的特定方法。
在使用Javaｓｃｒｉｐｔ的过程中，经常使用两种语法来遍历数组。复制代码代码如下所示：
（VaR为我；我的<< array.length；i++）{
声明；
}
对于（var在数组中）{
声明；
}
这两种用法似乎能够做同样的事情，但事实上，两个周期中的周期数通常是不同的。
源代码如下所示：
复制代码代码如下所示：
#按钮{文本对齐：中心；}
#外{宽度：330px；身高：100px；保证金：10px汽车；}
#外层的div {浮动：左；宽度：100px；身高：100px；保证金：0px 5px；背景：黑色；}
在window.onload =函数（）{
无功obutton = document.getelementsbytagname（按钮）{ 0 }；
无功外= document.getelementbyid（外）；
无功outerdiv = outer.getelementsbytagname（div）；
obutton.onclick =函数（）{
对于（VAR P P outerdiv）outerdiv { }。style.background =红色；
}；
}；
点击红色
这个代码用for语句分发，看起来没有问题。
但是当浏览器调试时，就会出错：
Uncaught TypeError：不能设置property'background'of未定
为什么会这样
如果我们改变认可的内容，我们会发现问题。
对于（VAR P outerdiv）警报（P）；
输出是：012个长度项。
因此，当属性占用长度和项时，它尝试使用样式方法，当然，未定义：
复制代码代码如下所示：
#按钮{文本对齐：中心；}
#外{宽度：330px；身高：100px；保证金：10px汽车；}
#外层的div {浮动：左；宽度：100px；身高：100px；保证金：0px 5px；背景：黑色；}
在window.onload =函数（）{
无功obutton = document.getelementsbytagname（按钮）{ 0 }；
无功外= document.getelementbyid（外）；
无功outerdiv = outer.getelementsbytagname（div）；
obutton.onclick =函数（）{
对于（var i = 0；i < outerdiv.length；i++）{
outerdiv {我}。style.background =红色；
}
}；
}；
点击红色