0

我想用四种颜色填充不同的 div，只使用 javascript（当然是 HTML 结构），这是代码：

HTML

<div id="content">
    <div id="carre1" class="carre">1</div>
    <div id="carre2" class="carre">2</div>
    <div id="carre3" class="carre">3</div>
    <div id="carre4" class="carre">4</div>
</div>

JS

var colors = {
    count: 4,
    tab : ["red","orange","yellow","green"]}
    ;

假设我想让 div "carre1" 变成红色，我该怎么做？

提前致谢 ！

4

4 回答 4

2 
  for (var i = 0; i < colors.tab.length; i++) {
        document.getElementById("carre" + (i + 1)).style.backgroundColor= colors.tab[i];
于 2013-05-29T12:25:45.177 回答
1

简而言之：

for (var i=1; i<=colors['count']; i++) {
    document.getElementById("carre" + i).style.backgroundColor = colors['tab'][i-1];
}

看到这个jsfiddle。

也可以在这个 jsfiddle 中使用 colors.tab 和colors.count。

于 2013-05-29T12:29:02.687 回答
0

这就是你如何用颜色填充 div，以便它们存储在数组中：

carre = document.getElementsByClassName('carre');
for(i=0;i<colors.count;i++){
     carre[i].style.backgroundColor = colors.tab[i];
}
于 2013-05-29T12:31:17.580 回答
0

document.getElementById("carre1").style.backgroundColor=colors.tab[0];

于 2013-05-29T12:35:38.027 回答