javascript - JavaScript のみで div を埋める

Question

javascriptのみを使用して（もちろんHTML構造を使用して）、異なるdivを4色で塗りつぶしたいのですが、コードは次のとおりです。

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];

Answer 2

これは、配列に格納される順序で div を色で塗りつぶす方法です。

carre = document.getElementsByClassName('carre');
for(i=0;i<colors.count;i++){
     carre[i].style.backgroundColor = colors.tab[i];
}