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 не выполняется.
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
- Почему SERVER_ADDR имеет не тот IP 50338 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31949 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26313 visits
- Как через css изменить цвет png изображения? 11769 visits
- Blob video url download 11315 visits
- Php curl запрос через прокси с авторизацией 10723 visits
- Работа с captcha vk api 9520 visits
© "hostciti.net" 26.3.2026 | 20:35