définissez le style avec :hover javascript

Je comprends que la méthode suivante est idéal pour fixer les styles CSS en raison de la compatibilité du navigateur.

element.style.cssText = "color:red;";

Ce que je ne peux pas le faire est d'utiliser cssText pour appliquer des styles sur le :hover et :focus CSS événements.

Que dois-je faire à la place de cela?

element.style.cssText = ":focus{color:red;}";

P. S. Ne pas mentionner l'aide de javascript événements tels que onmouseover au lieu de la CSS :hover ( Ça ne correspond pas à ma situation.)

onmouseover est le même que hover; vous pouvez l'attacher de l'événement et il suffit d'ajouter une classe, et par le biais de style CSS de cette classe. A une plus grande réutilisabilité.
Pourquoi ne pas simplement définir dans un normal css et changer seulement la classe en javascript?
presque. :hover ne fonctionne que sur les <a> balises dans IE6, mais onmouseover fonctionne sur pratiquement tous les éléments. Ils sont similaires, mais pas identiques.
et @Dimitri ces deux options ne sont pas disponibles dans cette circonstance. Connaissez-vous une méthode?

OriginalL'auteur Web_Designer | 2011-05-15