Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   добавить и удалить класс (https://javascript.ru/forum/dom-window/38491-dobavit-i-udalit-klass.html)

maximus2011 04.06.2013 10:57

добавить и удалить класс
 
Всем привет не могу понять, как сделать, чтобы удалить класс active и добавить следующему тегу

<div class="item active"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>


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

ksa 04.06.2013 11:35

Цитата:

Сообщение от maximus2011
не могу понять, как сделать, чтобы удалить класс active и добавить следующему тегу

Алгоритм примерно такой:
- Найти нужный элемент
- Убрать класс
- Найти следующий за ним элемент
- Добавить класс

BaVa 04.06.2013 12:18

window.onload = function () {
    var divs = document.getElementsByTagName("div");
    for(var i = 0; i < divs.length; i++) {
        if(divs[i].className.match(/active/) != null) {
            divs[i].className = "item";
            (i == divs.length-1) ? divs[0].className += " active" : divs[i+1].className += " active";
            break;
        }
    }
};

могу объяснить, если не понятно


Часовой пояс GMT +3, время: 07:49.