Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.10.2015, 22:07
Новичок на форуме
Отправить личное сообщение для pay4ok32rus Посмотреть профиль Найти все сообщения от pay4ok32rus
 
Регистрация: 09.10.2015
Сообщений: 5

изменение фона div в зависимости от содержимого
Добрый день всем! Не силен в javascript, прошу помощи)))кто чем может)))

Есть html код, в котором есть 3 div'a, в каждом диве есть свое содержимое. Необходимо написать такой скрипт, который будет проверять содержимое этих дивов и в зависимости от содержимого будет устанавливать разный цвет фона.

<body>
   <div class="new">Новинка</div>
   <div class="new">Мы рекомендуем</div>
   <div class="new">Лучшее</div>
 
</body>


Хотелось чтобы див с содержимым НОВИНКА был синий, с содержимым Лучшее - желтым и с содержимым Мы рекомендуем - с зеленым.
Ответить с цитированием
  #2 (permalink)  
Старый 09.10.2015, 22:19
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

<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>
Ответить с цитированием
  #3 (permalink)  
Старый 09.10.2015, 22:36
Новичок на форуме
Отправить личное сообщение для pay4ok32rus Посмотреть профиль Найти все сообщения от pay4ok32rus
 
Регистрация: 09.10.2015
Сообщений: 5

большое спасибо)))все работает)))
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое изменение ширины в зависимости от содержимого iNfantry Events/DOM/Window 38 24.07.2017 19:38
Изменение фона столбца в зависимости от дня недели Alban Элементы интерфейса 20 27.02.2014 19:52
Изменение содержимого DIV DarkLotos Элементы интерфейса 2 21.02.2014 08:58
Реакция на изменение содержимого DIV Rentony Events/DOM/Window 1 29.03.2012 13:57
Изменение содержимого DIV BorisBritva jQuery 2 11.03.2012 12:02