Добавление/удаление классов с помощью JavaScript свойства classList
- 16 Май 16 в 21:34
- Скрипты для uCoz
classList - это свойство, которое открывает нам доступ к четырём методам. С их помощью мы можем добавлять, удалять и проверять наличие класса у того или иного элемента средствами нативного JavaScript-кода.
Element.classList
Свойство classList возвращает список классов элемента. Так же в этом свойстве присутствует 4 метода:
- add – добавление класса;
- remove – удаление класса;
- toggle – переключение класса;
- contains – проверка наличия класса у элемента.
Примеры:
Код
// добавление элементу класс "foo"
el.classList.add("foo");
el.classList.add("foo");
Код
// удаление класса "bar"
el.classList.remove("bar");
el.classList.remove("bar");
Код
// переключение класса "foo"
el.classList.toggle("foo");
el.classList.toggle("foo");
Код
// возвращает "true" если у класса есть класс "foo", в противном случае "false"
console.log( el.classList.contains("foo") );
console.log( el.classList.contains("foo") );
Код
// добавление нескольких классов
el.classList.add( "foo", "bar" );
el.classList.add( "foo", "bar" );
Источник: http://ruseller.com
Всего комментариев: (0)
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.
Случайные материалы
Toolbar.Js
Коллекция иконок в стиле Drupal
100 бесплатных иконок
Смена ника без ПУ.
Форма входа и навигация на CSS
Flat Preloaders