Заполните DIV только с JavaScript

Я хочу, чтобы заполнить Differents дивы с четырьмя цветами, используя только Javascript (с HTML-структурой отклонения от курса), вот код:Заполните DIV только с JavaScript

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>

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

Предположим, я хочу сделать div «carre1» красным, как это сделать?

Заранее благодарен!

источник

2013-05-29 user2172123

Вы хотите, чтобы оживить цвета? –

Есть много способов, которыми вы могли бы это сделать. Трудно знать правильный путь, не зная больше о том, как вы хотите, чтобы это работало. – crush

Извините, не комментировали. Никакой анимации не было, и это была просто альтернатива js для css, для самой подготовки – user2172123

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

источник

2013-05-29 12:25:45 PSR

Почти, должен быть 'colors.tab', но достаточно близко .. [скрипка, которую я только что сделал] (http://jsfiddle.net/tbCBG /). –

@ShadowWizard спасибо. Я обновил свой код – PSR

Я забыл сказать, что хочу заполнить фон, а не текст. Замена «цвета» на «фон» в вашем коде работает очень хорошо, большое спасибо! – user2172123

Короче:

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

Смотрите эту jsfiddle.

Также работает с цветами.tab и colors.count как в этом jsfiddle.

источник

2013-05-29 12:29:02 Jens

Это, как вы заполнить Div с цветами, чтобы они хранятся в массиве:

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

источник

2013-05-29 12:31:17

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

источник

2013-05-29 12:35:38

Заполните DIV только с JavaScript

ответ

Смежные вопросы