String.prototype.fontcolor()

Obsoleto: Esta característica ya no se recomienda. Aunque es posible que algunos navegadores aún lo admitan, probablemente ya se ha eliminado de los estándares web relevantes, está en proceso de eliminación o solo se conserva por motivos de compatibilidad. Evite usarlo y actualice el código existente si es posible; consulte la tabla de compatibilidad en la parte inferior de esta página para orientar su decisión. Tenga en cuenta que esta característica puede dejar de funcionar en cualquier momento.

El método fontcolor() crea <font> elemento HTML que cambia el color de la cadena.

Nota: La etiqueta <font> fue eliminada en HTML5 y no debe ser usada. En lugar de es, es necesario aplicar propiedades CSS.

Sintaxis

str.fontcolor(color)

Parametros

color

A string expressing the color as a hexadecimal RGB triplet or as a string literal. String literals for color names are listed in the CSS color reference.

Descripción

Si expresas el color como hexadecimal, usa el formato rrggbb. Por ejemplo, el color hexadecimal para salmón es R=FA, G=80, B=72, así que el valor será "FA8072".

Ejemplos

Usos fontcolor()

Los siguientes ejemplos usan el método fontcolor() para cambiar el color de una cadena.

js
var worldString = "Hello, world";

console.log(worldString.fontcolor("red") + " en rojo");
// '<font color="red">Hello, world</font> en rojo'

console.log(worldString.fontcolor("FF00") + " es rojo en hexadecimal");
// '<font color="FF00">Hello, world</font> es rojo en hexadecimal'

Con el objeto element.style obtienes el atributo style y manipularlo:

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

Especificaciones

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

Compatibilidad con navegadores

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
fontcolor
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.

Ver también