Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

String.prototype.fontcolor()

Obsolète
Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent 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.

Note : L'élément <font> a été retiré dans HTML5 et ne devrait plus être utilisé. Les propriétés CSS permettent de modifier les aspects de mise en forme et doivent donc être utilisées à la place.

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".

Exemple

Utiliser la méthode fontcolor()

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

Spécification État Commentaires
ECMAScript 2015 (6th Edition, ECMA-262)
La définition de 'String.prototype.fontcolor' dans cette spécification.
Standard Définition initiale. Implémentée dans JavaScript 1.0. Définie dans l'annexe B (normative) pour les fonctionnalités ECMAScript additionnelles pour les navigateurs web.
ECMAScript 2017 Draft (ECMA-262)
La définition de 'String.prototype.fontcolor' dans cette spécification.
Projet Définie dans l'annexe B (normative) pour les fonctionnalités ECMAScript additionnelles pour les navigateurs web.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple (Oui) 1.0 (1.7 ou moins) (Oui) (Oui) (Oui)
Fonctionnalité Android Chrome pour Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple (Oui) (Oui) 1.0 (1.0) (Oui) (Oui) (Oui)

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,