String.prototype.fontcolor()
Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez le tableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.
La méthode fontcolor() permet de créer un élément <font> qui permet d'afficher la chaine de caractères dans une fonte utilisant la couleur donnée.
Syntaxe
str.fontcolor(couleur);
Paramètres
couleur-
Une chaîne de caractères représentant la couleur en une valeur hexadécimale RGB ou comme un littéral. Les différents littéraux utilisables pour les noms de couleurs sont listés dans la référence des couleurs CSS.
Valeur de retour
Une chaîne de caractères représentant un élément HTML <font>.
Description
Si la couleur est représentée sous forme d'un triplet RVB, le format attendu est rrvvbb. Ainsi, pour représenter un rose saumon, les différentes composantes seront rouge = FA, vert = 80, et bleu = 72, le triplet s'écrit donc "FA8072".
Exemples
L'exemple qui suit illustre comment utiliser la méthode fontcolor() pour modifier la couleur d'une chaîne de caractères en créant une balise <font> qui encadre la chaîne.
var worldString = "Coucou monde";
console.log(
worldString.fontcolor("red") + " avec le littéral red sur cette ligne",
);
// '<font color="red">Coucou monde</font> avec le littéral red sur cette ligne'
console.log(
worldString.fontcolor("FF00") +
" avec la valeur hexadécimale sur cette ligne",
);
// '<font color="FF00">Coucou monde</font> avec la valeur hexadécimale sur cette ligne'
L'objet element.style permet d'utiliser l'attribut style de l'élément et de le manipuler de façon générique. Par exemple :
document.getElementById("IDdeVotreElement").style.color = "red";
Spécifications
| Specification |
|---|
| ECMAScript® 2026 Language Specification> # sec-string.prototype.fontcolor> |
Compatibilité des navigateurs
Chargement…