Event.target.className — как правильно настроить?
Изучаю делегирование событий
https://jsfiddle.net/nytw2efk/4/
document.querySelector('.income').addEventListener('click', function (e) {
if (e.target.className = "fick") {
e.target.classList.toggle('redtext');
alert(e.target.className);
}
})по идее должен при клике меняться цвет, но только у элемента с классом fick В итоге: 1. при клике меняется цвет у элементов и без класса fick и вообще alert показывает что будто класс fick у каждого элемента 2. при повторном клике toggle не срабатывает
Что не так?
Не
if (e.target.className = "fick") {а
if (e.target.className == "fick") {а еще лучше
if (e.target.classList.contains("fick")) {Что было у Вас:
оператор присваивания в условии if назначал кликнутому элементу (любому) атрибут class="fick" и возвращал это значение, что в булевском смысле трансформировалось в true. То есть код внутри блока if всегда выполнялся.
На первый клик по какому-либо элементу его класс сначала становился "fick" - внутри условия if, а потом "fick redtext" - при выполнении toggle, и элемент становился красным. При втором клике (и всех последующих кликах) происходило то же самое, и элемент оставался красным.
Почему не работает с ==:
Точное равенство "icome__title fick" и "fick", конечно, дает false, и код в блоке if не выполняется.
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
-
18:08
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
-
18:54
-
17:35
- Почему SERVER_ADDR имеет не тот IP 47935 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30568 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23914 visits
- Как через css изменить цвет png изображения? 10407 visits
- Blob video url download 10006 visits
- Php curl запрос через прокси с авторизацией 9281 visits
- Работа с captcha vk api 8149 visits
© "hostciti.net" 31.3.2025 | 09:13