非推奨
この機能はウェブ標準から削除されました。まだ対応しているプラウザーがあるかもしれませんが、ゆくゆくはなくなるものです。使用を避け、できれば既存のコードを更新してください。このページの下部にあるブラウザーの対応を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。
fontcolor()
メソッドは、文字列を指定された色で表示させる HTML の <font>
要素を生成します。
構文
str.fontcolor(color)
引数
color
- 16進数の RGB 値または文字列リテラルで色を表す文字列です。 CSS 色リファレンスに、色名の文字列リテラルの一覧があります。
返値
HTML の <font>
要素を含む文字列です。
解説
色を16進数の RGB 値で表現する場合は、 rrggbb
の書式を使用する必要があります。例えば、サーモン色は red=FA, green=80, blue=72 であるため、サーモン色の RGB 値は "FA8072
" です。
例
fontcolor() の使用
以下の例は fontcolor()
メソッドを使用して、 HTML の <font>
要素を伴う文字列を生成することで文字列の色を変更しています。
var worldString = 'Hello, world';
console.log(worldString.fontcolor('red') + ' is red in this line');
// '<font color="red">Hello, world</font> is red in this line'
console.log(worldString.fontcolor('FF00') + ' is red in hexadecimal in this line');
// '<font color="FF00">Hello, world</font> is red in hexadecimal in this line'
element.style
オブジェクトを使用すると、要素の style
属性を使用して、次のようにもっと汎用的に操作することができます。
document.getElementById('yourElemId').style.color = 'red';
仕様書
ブラウザーの互換性
BCD tables only load in the browser
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。