VPF::Как правильно прописать ,добавить класс

Predator199

Дата 29.5.2014, 13:33 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 412
Регистрация: 1.2.2012

Репутация: нет
Всего: -4

Скажите пожалуйста. Как правильно написать на чистом js, необходимо добавить класс.

Код


var fel = document.getElementByClass('right')
fel.addClassName('active');

fel(right)-Класс к которому необходимо приставить active
Далее добавляем....
Так как написано в коде, не получается. Не работает...

Aliance

Дата 29.5.2014, 14:38 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Что это за метод такой addClassName? Такого не существует. Нужно делать так:

Код


// вариант 1
var classList = element.сlassName.split(' ');
classList.push('active');
element.сlassName = classList.join(' ');
// вариант 2
element.сlassName += ' active';

кроме того, метода getElementByClass тоже не существует. Есть не кроссбраузерный метод getElementsByClass.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Predator199

Дата 29.5.2014, 15:01 (ссылка)

(голосов:1)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 412
Регистрация: 1.2.2012

Репутация: нет
Всего: -4

Что та у меня никак не получается....

Код


  window.onload = function () {

        var element = document.getElementByClass('d')
        element.сlassName += 'active';
    }

Вроде бы все верно прописано...?

Aliance

Дата 29.5.2014, 15:37 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Цитата(Aliance @ 29.5.2014, 15:38

)

метода getElementByClass тоже не существует. Есть не кроссбраузерный метод getElementsByClass.

Добавлено через 30 секунд
И пробел перед названием класса не нужно удалять.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »