javascript - 只用 JavaScript 填充一个 div

Question

我想用四种颜色填充不同的 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”变成红色，我该怎么做？

提前致谢!

Answer 1

  for (var i = 0; i < colors.tab.length; i++) {
        document.getElementById("carre" + (i + 1)).style.backgroundColor= colors.tab[i];