Javascript.RU

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

Изменение css стилей в зависимости от количества элементов
Добрый день.
Не могли бы мне помочь в решении одной проблемы.
Есть следующий html код:
<ul class="menu">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
Нужен небольшой скрипт, которой отвечал бы за то, чтобы, например, если в .menu пять элементов li, то li под номер 4, получал стиль margin-left:25px;
если в .menu шесть элементов li, то li под номер 4, получал стиль margin-left:15px;

Буду признателен за помощь. К сожалению мои знания в этой области не позволяют решить даже такую простую задачу.
Ответить с цитированием
  #2 (permalink)  
Старый 30.09.2015, 23:23
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

<ul class="menu">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>
<script>
    var menu = document.querySelector('.menu').children;
    if (menu.length === 5) {
        menu[4].style.marginLeft = '25px';
    }
    if (menu.length === 6) {
        menu[4].style.marginLeft = '15px';
    }
</script>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
запретить изменение количество элементов в списке Antistas jQuery 0 05.12.2012 14:05
Смена css стилей stvord Элементы интерфейса 5 03.09.2011 21:10
стили Css в зависимости от высоты активной области браузера Vladimir_Kl Javascript под браузер 3 23.03.2011 16:04
Изменение множества элементов Input по определённом призна Лавсановые Волокна Элементы интерфейса 1 24.12.2010 10:37
Изменение путей к таблицам стилей и скриптам в скрипете галереи lightbox 2.04 Flashton Элементы интерфейса 1 01.02.2010 10:10