String.prototype.fontcolor()
Базовая поддержка Ограниченная доступность
Эта функция не является базовой, поскольку она не работает в некоторых наиболее широко используемых браузерах.
Устаревший: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут всё ещё её поддерживать, она, возможно, уже была удалена из соответствующих веб-стандартов, находится в процессе исключения или поддерживается только в целях совместимости. Избегайте её использования и обновите существующий код, если это возможно; см. таблицу совместимости внизу этой страницы, чтобы принять решение. Учтите, что эта функция может перестать работать в любой момент.
Метод fontcolor() значений String создаёт строку, которая встраивает данную строку в элемент <font> (<font color="...">str</font>), что приводит к отображению этой строки указанным цветом шрифта.
Примечание: Все методы-обёртки HTML являются устаревшими и стандартизированы только в целях совместимости. Что касается fontcolor(), сам элемент <font> был удалён из спецификации HTML и больше не должен использоваться. Веб-разработчики должны использовать свойства CSS.
Синтаксис
fontcolor(color)
Параметры
-
color - Строка, выражающая цвет в виде шестнадцатеричного триплета RGB или в виде строкового литерала. Строковые литералы для названий цветов перечислены в справочнике цветов CSS.
Возвращаемое значение
Строка, начинающаяся с открывающего тега <font color="color"> (двойные кавычки в color заменяются на "), затем текст str и затем закрывающий тег </font>.
Описание
Сам метод fontcolor() просто объединяет части строки без какой-либо проверки или нормализации. Однако для создания допустимых элементов <font>, если вы выражаете цвет в виде шестнадцатеричного триплета RGB, вы должны использовать формат rrggbb. Например, шестнадцатеричные значения RGB для цвета «лососевый» (salmon) — это red=FA, green=80 и blue=72, поэтому триплет RGB для лососевого цвета — "FA8072".
Примеры
Использование fontcolor()
Приведённый ниже код создаёт строку HTML, а затем заменяет ею тело документа:
const contentString = "Hello, world";
document.body.innerHTML = contentString.fontcolor("red");
Это создаст следующий HTML:
<font color="red">Hello, world</font>
Предупреждение: Эта разметка недействительна, поскольку font больше не является допустимым элементом.
Вместо использования fontcolor() и прямого создания HTML-текста следует использовать CSS для управления шрифтами. Например, вы можете управлять color через атрибут element.style:
document.getElementById("yourElemId").style.color = "red";
Спецификации
Совместимость с браузерами
| Десктопные | Мобильные | Серверные | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on iOS | Samsung Internet | WebView Android | WebView on iOS | Bun | Deno | Node.js | |
fontcolor |
1 |
12 |
1 |
3 |
1 |
18 |
4 |
10.1 |
1 |
1.0 |
4.4 |
1 |
1.0.0 |
1.0 |
0.10.0 |
Смотрите также
- Полифилл
String.prototype.fontcolorвcore-js - Полифилл es-shims для
String.prototype.fontcolor - Методы-обёртки HTML
<font>
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fontcolor
