communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Comment obtenir la couleur d'arrière-plan et la couleur de la police de la page Web dans les compétences js_javascript

Comment obtenir la couleur d'arrière-plan et la couleur de la police de la page Web dans les compétences js_javascript

WBOY
Libérer： 2016-05-16 16:54:55
original
1112 Les gens l'ont consulté

Pour obtenir la couleur d'arrière-plan et la couleur de la police de la page Web, la méthode est la suivante :

Pensée : Ce que nous obtenons en obtenant la valeur de l'attribut de couleur est la couleur RVB, ce qui n'est pas ce que nous voulons, nous avons donc besoin pour changer la couleur RVB en couleur hexadécimale, obtenez d'abord la couleur RVB :

Copier le code Le code est le suivant :

var rgb = document.getElementById ('color').style.backgroundColor;

Le format est le suivant : rgb(225, 22, 23); 🎜>
Copier le code Le code est le suivant :
var rgb = rgb.split('(' )(1]; //Après le fractionnement, il se forme [rgb, 225,22,23)], un tableau de longueur 2

puis divise la chaîne (225,22,23) (remarque : seul le type numérique peut être converti, utilisez donc parseInt pour forcer le type de conversion ! ):

Copier le code Le code est tel suit :
for(var k = 0; k < 3; k ){
str[k] = parseInt(rgb .split(',')[k]).toString (16);//le tableau str enregistre les données fractionnées
}

Combinaison finale :

Copiez le code Le code est le suivant :
str = '#' str[0] str[1] str[2]

L'intégralité du code est le suivant :

Copier le code Le code est le suivant :


getHexColor js/ jQuery obtient la couleur hexadécimale 🎜>



();" type="button" value="Obtenir la couleur de la police" />



Étiquettes associées：
网页 couleur de fond
source：php.cn
Article précédent：Introduction à l'utilisation des caractères génériques dans selectors_jquery de jQuery Article suivant：Exemple d'introduction à la différence entre $.each et $().each_jquery
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Comment déclencher le rendu (avec filtre et pagination) sur la méthode de tri dans React ? Voici mon composant de style Sort.js : <SortWrapper><SortText>SortBy</SortT...
Depuis 2024-04-06 21:28:37
0
1
2257
Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ? J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ...
Depuis 2024-04-06 20:45:26
0
2
386
Existe-t-il un moyen de forcer le texte de la flexbox à être centré verticalement, quel que soit l'autre code CSS dont nous disposons ? J'ai le code CSS suivant qui fait partie d'un code CSS plus vaste utilisé dans un site Web...
Depuis 2024-04-06 20:41:51
0
1
518
Comment résoudre le mystérieux espace vide en bas de page en CSS J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...
Depuis 2024-04-06 20:22:15
0
1
454
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal