String.prototype.fontcolor()

非推奨: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

fontcolor() メソッドは、文字列を指定された色で表示させる HTML の <font> 要素を生成します。

メモ: <font> 要素は HTML5 で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は CSS プロパティを使用してください。

構文

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';

仕様書

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

ブラウザーの互換性

BCD tables only load in the browser

関連情報