изменение фона div в зависимости от содержимого
Добрый день всем! Не силен в javascript, прошу помощи)))кто чем может))):help: :blink:
Есть html код, в котором есть 3 div'a, в каждом диве есть свое содержимое. Необходимо написать такой скрипт, который будет проверять содержимое этих дивов и в зависимости от содержимого будет устанавливать разный цвет фона. <body> <div class="new">Новинка</div> <div class="new">Мы рекомендуем</div> <div class="new">Лучшее</div> </body> Хотелось чтобы див с содержимым НОВИНКА был синий, с содержимым Лучшее - желтым и с содержимым Мы рекомендуем - с зеленым. |
<div class="new">Новинка</div>
<div class="new">Мы рекомендуем</div>
<div class="new">Лучшее</div>
<script>
[].forEach.call(document.querySelectorAll('.new'), function(item) {
switch(item.innerHTML) {
case 'Новинка':
item.style.backgroundColor = 'blue';
break;
case 'Мы рекомендуем':
item.style.backgroundColor = 'green';
break;
case 'Лучшее':
item.style.backgroundColor = 'red';
break;
default:
item.style.backgroundColor = 'white';
}
});
</script>
|
большое спасибо)))все работает)))
|
| Часовой пояс GMT +3, время: 19:08. |