Как поменять цвет текста в javascript
Перейти к содержимому

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

  • автор:

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

Сразу оговорюсь, я новичок в JS.
Суть вопроса такова, сам текст с зеленого на красный меняется, но обратно с красного на зеленый не меняется. Вопрос заключается в следующем, как сделать так, чтобы с красного менялся обратно на зеленый. Исходный код прилагаю ниже:

Изменить цвет 

Текст, меняющий цвет

function ChangeColor(Element)
  • Вопрос задан более трёх лет назад
  • 3232 просмотра

1 комментарий

Простой 1 комментарий

AntonLitvinenko

Антон Литвиненко @AntonLitvinenko

я вот не уверен, но не должно быть в атрибутах пробелов между = и кавычками

Как с помощью js изменить цвет текста в строке в зависимости от числа букв в слове?

Как с помощью js изменить цвет текста в строке в зависимости от числа букв в слове? Такое возможно через php но как сделать с js такое на чужом сайте с помощью пользовательских скриптов.?Типа регулярка для js на строке реагирующий на количество букв в слове и окрашивающийся в определенный цвет.

  • Вопрос задан более двух лет назад
  • 1328 просмотров

6 комментариев

Простой 6 комментариев

Курсы javascript

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

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

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

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

    Document      

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

    Document      

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

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

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

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

String.prototype.fontcolor()

Устарело: Эта возможность была удалена из веб-стандартов. Хотя некоторые браузеры по-прежнему могут поддерживать её, она находится в процессе удаления. Не используйте её ни в старых, ни в новых проектах. Страницы или веб-приложения, использующие её, могут в любой момент сломаться.

Сводка

Примечание: элемент был удалён из HTML5 и больше не должен использоваться. Вместо него веб-разработчикам следует использовать свойства CSS.

Синтаксис

str.fontcolor(color)

Параметры

Строка, выражающая цвет в виде шестнадцатеричного триплета RGB, либо в виде названия цвета. Названия цветов перечислены в справочнике по значению цвета в CSS.

Описание

Если вы выразили цвет в виде шестнадцатеричного триплета RGB, вы должны использовать формат rrggbb . Например, шестнадцатеричные значения RGB для оранжево-розового цвета такие: красный=FA, зелёный=80 и синий=72, так что RGB-триплет для оранжево-розового цвета будет следующим «FA8072» .

Примеры

Пример: использование метода fontcolor()

В следующем примере метод fontcolor() используется для изменения цвета строки путём генерирования строки с HTML-тегом .

var worldString = "Привет, мир"; console.log(worldString.fontcolor("red") + " на этой строке красный"); // 'Привет, мир на этой строке красный' console.log( worldString.fontcolor("FF00") + " на этой строке красный в шестнадцатеричной форме", ); // 'Привет, мир на этой строке красный в шестнадцатеричной форме' 

При помощи объекта element.style вы можете получить значение атрибута style элемента и управлять им более обобщённым способом, например:

.getElementById("yourElemId").style.color = "red"; 

Спецификации

Specification
ECMAScript Language Specification
# sec-string.prototype.fontcolor

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *