Найти в Дзене
Вкладки(табы). Часть 2.
1. Назначаем обработчик события. В строчке 25 обращаемся к tabsParent, в котором у нас хранится блок-обертка со всеми табами. Назначаем tabsParent слушатель события addEventListener(), который принимает в себя два аргумента. Первый аргумент - название события которое прослушивается. Второй аргумент функция, которая начнет выполнятся когда произойдет указанное событие. Дословно: при событии клика на данном элементе выполнить функцию. элемент.addEventListener('какое событие отслеживаем', функция) Функция содержит один аргумент event - объект события...
4 года назад
Вкладки(табы). Часть 1.
1. Получение элементов со страницы В строчках с 1-3 получаем элементы со страницы, а конкретно из DOM дерева. DOM дерево - это все HTML теги, представленные в виде обычных JS объектов. В первой строчке обращаемся к глобальному объекту document и вызываем у него метод querySelectorAll('. '). Аргументом данный метод принимает селектор элемента, который мы прописываем как и в css, через точку и используем ' '. Метод querySelectorAll('. ') вернет нам псевдомассив, который содержит все элементы, имеющие данный селектор...
4 года назад