javascript - 无法在包含节点的数组项上设置属性

Question

我是一名 JavaScript 初学者，我想运行此脚本来随机更改框的背景颜色。这是我的 JS:

var divs = document.getElementsByClassName("col-sm-3");

var innDivs = [];

colournumber = function() {
return(Math.random().toString(16) + '000000').slice(2, 8);
}

for (i=0;i<divs.length;i++) {
innDivs[i] = divs[i].getElementsByTagName("div");
innDivs[i].setAttribute("style","background-color:#"+colournumber());
}

但我收到错误，无法在 innDivs[i] 上设置属性。我有什么想法如何做到这一点吗？

http://jsfiddle.net/w8gLqghz/

Answer 1

getElementsByTagName 获取元素列表。元素本身具有 setAttribute 方法。
您必须遍历列表并设置每个元素的属性；

for (i=0;i<divs.length;i++) {
    innDivs[i] = divs[i].getElementsByTagName("div");
    for (j=0;j<innDivs[i].length;j++) {
        innDivs[i][j].setAttribute("style","background-color:#"+colournumber());
    }
}

http://jsfiddle.net/mowglisanu/w8gLqghz/5/