2010-09-11 7 views
2

Je ne peux malheureusement pas utiliser JQuery. J'ai besoin d'un bon vieux Javascript.Comment utiliser javascript pour changer la couleur de la police sur ma page Web?

J'ai un forum et un thème noir et lorsque les gens utilisent un texte noir dessus, vous ne pouvez pas le voir. Donc, je veux utiliser javascript pour changer tout le texte noir sur la page en blanc lorsque la page se charge.

+9

Won 't CSS être plus approprié pour cela? –

+1

Comme Yi Jiang l'a mentionné, CSS serait la meilleure approche, alors vous changez la propriété className sur chaque élément à affecter en javascript. –

+0

Merci, mais l'utilisateur définit leurs propres couleurs dans leurs propres messages. Je ne veux pas changer toutes les couleurs en blanc. Texte noir juste. J'ai besoin d'un moyen de mettre en évidence tout le texte noir sur le dos et le changer en blanc et rien d'autre. – Macmee

Répondre

1

D'autres répondeurs ont posté des solutions JavaScript si vous voulez vraiment utiliser JS pour cela, donc je n'en ajouterai pas d'autre. Cependant, je pensais juste que je propose deux alternatives:

  • Si vous trouvez que le noir est la couleur par défaut pour tous les messages, et vous pouvez modifier votre thème, ne pas utiliser JavaScript pour cela - ouvrir votre thème de Fichier CSS, essayez de localiser le style qui rend le texte noir et modifiez-le en blanc. Si le texte noir est simplement causé par des personnes changeant la couleur pour être dans leurs propres messages, je pense qu'une meilleure idée serait de dire à vos membres de ne pas utiliser de texte noir. Je peux également voir des utilisations légitimes du texte noir sur des fonds noirs, par ex. pour un manque de tags spoiler dans votre logiciel de forum.

3
document.body.style.color = '#555555' 

bien sûr, vous devez utiliser la fonction getElementById au lieu de corps si vous voulez sélectionner un élément spécifique.

Ce n'est pas très intelligent. Aller avec CSS.

0

Si vous voulez dire que vous voulez changer de façon dynamique votre thème/styles que vous pouvez utiliser javascript pour désactiver et activer l'élément de liaison css dans la tête en sélectionnant les balises de liens via document.getElementsByTagName (« link »)

Questions connexes