Как изменить цвет текста в javascript
Чтобы установить цвет для элемента с ID coleredElement можно воспользоваться следующим кодом:
Есть что добавить? Зарегистрируетесь
Курсы по программированию на Хекслете
Backend-разработка
Разработка серверной части сайтов и веб-приложений
Frontend-разработка
Разработка внешнего интерфейса сайтов и веб-приложений и верстка
Создание сайтов
Разработка сайтов и веб-приложений на JS, Python, Java, PHP и Ruby on Rails
Тестирование
Ручное тестирование и автоматизированное тестирование на JS, Python, Java и PHP
Аналитика данных
Сбор, анализ и интерпретация данных на Python
Интенсивные курсы
Интенсивное обучение для продолжающих
DevOps
Автоматизация настройки локального окружения и серверов, развертывания и деплоя
Веб-разработка
Разработка, верстка и деплой сайтов и веб-приложений, трудоустройство для разработчиков
Математика для программистов
Обучение разделам математики, которые будут полезны при изучении программирования
JavaScript
Разработка сайтов и веб-приложений и автоматизированное тестирование на JS
Python
Веб-разработка, автоматическое тестирование и аналитика данных на Python
Java
Веб-разработка и автоматическое тестирование на Java
PHP
Веб-разработка и автоматическое тестирование на PHP
Ruby
Разработка сайтов и веб-приложений на Ruby on Rails
Go
Курсы по веб-разработке на языке Go
HTML
Современная верстка с помощью HTML и CSS
SQL
Проектирование базы данных, выполнение SQL-запросов и изучение реляционных СУБД
Git
Система управления версиями Git, регулярные выражения и основы командой строки
Похожие вопросы
07 апреля 2023
20 декабря 2021
20 декабря 2021
27 марта 2023
- 8 800 100 22 47 бесплатно по РФ
- +7 495 085 28 38 бесплатно по Москве
Направления
- Курсы «Backend-разработка»
- Курсы «Frontend-разработка»
- Курсы «Создание сайтов»
- Курсы «Тестирование»
- Курсы «Аналитика данных»
- Интенсивные курсы
- Курсы DevOps
- Курсы «Веб-разработка»
- Курсы «Математика для программистов»
- Все курсы
О Хекслете
- О нас
- Карьера в Хекслете
- Хекслет Колледж
- Сведения об образовательной организации
- Лицензия № Л035-01216-73/00668844
ООО «Хекслет Рус» 432071, г. Ульяновск, пр-т Нариманова, дом 1Г, оф. 23 ОГРН 1217300010476
- Справка
- Вопросы и ответы
- Сообщество
- Дополнительно
- Условия использования
- Соглашение об обработке ПД
- Оферта
- Акции
Как менять цвет текста при клике?
Изучаю JavaScript. Хочу сделать, чтобы при клике на параграф текст в нём менял свой цвет на красный, а при повторном клике перекрашивался обратно в чёрный. Применил if, но если использую оператор повторно, то первый не работает. Интересует только вариант на чистом JS, не jQuery.
function clickColor() < var d; d = document.getElementById('tagP'); if (d.style.color='red') < d.style.color='black'; >if (d.style.color='black') < d.style.color='red'; >console.log(d.style.color); >; Document Россия
Австрия
Польша
Латвия
Чехия
Отслеживать
задан 7 июл 2019 в 18:33
Daniil Kedrov Daniil Kedrov
564 1 1 золотой знак 5 5 серебряных знаков 12 12 бронзовых знаков
3 ответа 3
Сортировка: Сброс на вариант по умолчанию
for (var p of document.getElementsByTagName('p')) < // Берём все теги и проходимся по каждому p.onclick = function() < // В функции onclick указываем цвет противоположный текущему (с тернарным оператором) this.style.color = this.style.color === 'red' ? 'black' : 'red'; >>
Россия
Австрия
Польша
Латвия
Чехия
Отслеживать
ответ дан 7 июл 2019 в 18:48
13.1k 2 2 золотых знака 19 19 серебряных знаков 37 37 бронзовых знаков
Очень продвинутый вариант) Пошёл разбираться)
7 июл 2019 в 18:52
Но в ИЕ11 работать не будет, т.к. надо поддержка es6. И, да, солидарен с @Dantessss на счет нескольких обработчиков
7 июл 2019 в 18:55
Вы в условиях if присваиваете значение, а не сравниваете. Используйте оператор == вместо = .
Отслеживать
ответ дан 7 июл 2019 в 18:53
Don2Quixote Don2Quixote
1,705 3 3 золотых знака 12 12 серебряных знаков 26 26 бронзовых знаков
Точно. Спасибо)
7 июл 2019 в 19:03
Есть возможность использовать делегирование событий, чтобы не создавать сотню обработчиков и уменьшить потребление памяти
document.addEventListener('click', function(e) < if (e.target.tagName === 'P') < e.target.style.color = e.target.style.color === 'red' ? 'black' : 'red'; >>);Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, pariatur.
Как с помощью js изменить цвет текста в строке в зависимости от числа букв в слове?
Как с помощью js изменить цвет текста в строке в зависимости от числа букв в слове? Такое возможно через php но как сделать с js такое на чужом сайте с помощью пользовательских скриптов.?Типа регулярка для js на строке реагирующий на количество букв в слове и окрашивающийся в определенный цвет.
- Вопрос задан более двух лет назад
- 1241 просмотр
6 комментариев
Простой 6 комментариев
Как поменять цвет текста в javascript
Если вы нажмете кнопку «Сохранить», ваш код будет сохранен и вы получите URL, с который вы можете поделиться с другими.
Нажав кнопку «Сохранить», вы соглашаетесь с нашим правила и условия.
Все коды в общих файлах предоставляется пользователями и принадлежат объявлениям.
Все общие файлы становятся общедоступными. Лицензия не применяется.
Любой код может быть удален без предупреждения (если он считается оскорбительным, поврежденным или по любая другая причина).
schoolsw3.com не несет ответственности за любые утраты или повреждения любого рода во время использования предоставленного кода.
Не удалось сохранить код
В коде слишком много символов.
Ваш код был сохранен
Файл был сохранен в:
Сохранить на Google диске
Если у вас есть аккаунт Google, вы можете сохранить этот код на Google диске.
Google попросит вас подтвердить доступ к Google диску.
Сохранить файл как: Сохранить файл
Открыть файл из Google диска
Если вы сохранили файл на Google диске, вы можете открыть его здесь:
Открыть файл