- Теория
- Теория
Кекстаграм: играем с классами
На предыдущем шаге мы «включили» фильтр toaster
из исходного состояния, а сейчас переключим его на walden
. Для этого:
1. Снова найдём кнопку с классом toaster
, сохраним её в переменную toasterControl
и удалим у неё класс active
, добавленный ранее:
var toasterControl = document.querySelector('button.toaster');
toasterControl.classList.remove('active');
2. Найдём кнопку с классом walden
, сохраним её в переменную waldenControl
и добавим ей класс active
:
var waldenControl = document.querySelector('button.walden');
waldenControl.classList.add('active');
3. Найдём элемент с классом photo
и сохраним его в переменную photo
:
var photo = document.querySelector('.photo');
4. Удалим у фото класс toaster
и добавим класс walden
:
photo.classList.remove('toaster');
photo.classList.add('walden');
Минимальный вид табов
- index.html
HTML
HTML
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
100%