Как поменять цвет текста в javascript

Если вы нажмете кнопку «Сохранить», ваш код будет сохранен и вы получите URL, с который вы можете поделиться с другими.

Нажав кнопку «Сохранить», вы соглашаетесь с нашим правила и условия.

Все коды в общих файлах предоставляется пользователями и принадлежат объявлениям.

Все общие файлы становятся общедоступными. Лицензия не применяется.

Любой код может быть удален без предупреждения (если он считается оскорбительным, поврежденным или по любая другая причина).

schoolsw3.com не несет ответственности за любые утраты или повреждения любого рода во время использования предоставленного кода.

Не удалось сохранить код

В коде слишком много символов.

Ваш код был сохранен

Файл был сохранен в:

Сохранить на Google диске

Если у вас есть аккаунт Google, вы можете сохранить этот код на Google диске.

Google попросит вас подтвердить доступ к Google диску.

Сохранить файл как: Сохранить файл

Открыть файл из Google диска

Если вы сохранили файл на Google диске, вы можете открыть его здесь:

Открыть файл с Google диска

Открыть файл

Курсы javascript

У алерта ты не сможешь поменять цвет текста, в таких случаях делают абсолютно позиционированный блок оформленный как диалоговое окно.

03.03.2014, 20:57
Регистрация: 13.12.2012
Сообщений: 283

рони,
Нет,я как раз вспоминал тебя.Ты просто делал как-то,
str(bgcolor:»red»).
Синтаксис не помню.Мне совсем просто,без id.

03.03.2014, 20:59
Регистрация: 13.12.2012
Сообщений: 283
Zuenf,
Мне нужно в document.write или в консоле
Последний раз редактировалось dima***, 03.03.2014 в 21:02 .
03.03.2014, 21:36
Кандидат Javascript-наук
Регистрация: 27.01.2012
Сообщений: 134
А чем не устраивает предложенный здесь Ронин вариант ?

    Document

Если document.write то так:

    Document

Последний раз редактировалось Zuenf, 03.03.2014 в 21:39 .
03.03.2014, 21:48
Регистрация: 13.12.2012
Сообщений: 283

Zuenf,спасибо перенёс тему сюда:
Подскажите,как правильно прописать цвет текста
Рони,без div Делал,как-то.Не помню как.

Последний раз редактировалось dima***, 03.03.2014 в 21:51 .
03.03.2014, 22:43
Регистрация: 27.05.2010
Сообщений: 33,011

dima***,
кроме вариантов предложенных Zuenf, можно задать class — но в любом случае нужен элемент вокруг текста.

Как менять цвет текста при клике?

Изучаю 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 бронзовых знаков

Читать:

Как посмотреть mac адрес на порту cisco

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 золотых знака 21 21 серебряный знак 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.