Добавление/удаление классов с помощью JavaScript свойства classList
classList - это свойство, которое открывает нам доступ к четырём методам. С их помощью мы можем добавлять, удалять и проверять наличие класса у того или иного элемента средствами нативного JavaScript-кода.

Element.classList

Свойство classList возвращает список классов элемента. Так же в этом свойстве присутствует 4 метода:


  • add – добавление класса;

  • remove – удаление класса;

  • toggle – переключение класса;

  • contains – проверка наличия класса у элемента.

Примеры:

Код
// добавление элементу класс "foo"
el.classList.add("foo");

Код
// удаление класса "bar"
el.classList.remove("bar");

Код
// переключение класса "foo"
el.classList.toggle("foo");

Код
// возвращает "true" если у класса есть класс "foo", в противном случае "false"
console.log( el.classList.contains("foo") );

Код
// добавление нескольких классов
el.classList.add( "foo", "bar" );

Источник: http://ruseller.com

Всего комментариев: (0)

_LOGGED_IN$)?>
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.

Случайные материалы

10 крутейших JQuery плагинов для Вашего сайта бесплатно
10 крутейших JQuery плагинов для Ва
Прелоадер для сайта
Прелоадер для сайта
Необычная графа поиска
Необычная графа поиска
30 бесплатных онлайн редакторов фото-, видео- и аудиофайлов
30 бесплатных онлайн редакторов фот
Коллекция иконок в стиле Drupal
Коллекция иконок в стиле Drupal
AJAX ОКНА V.1.2 BY MR.WINS
AJAX ОКНА V.1.2 BY MR.WINS