2010-08-17 13 views
10

Sur une page générée php il y a plusieurs éléments comme celui-ci:Comment faire pour réinitialiser les propriétés de style à leurs valeurs par défaut CSS en JavaScript?

<td class="defaultTDStyle" style="color:userDefinedCustomColor" id="myTDId"></td> 

Donc, il y a un style par défaut et j'appliquer plusieurs styles supplémentaires qui remplacent le style défini dans le CSS.

Existe-t-il un moyen de supprimer ces styles ajoutés de javascript? Il semble que obj.style.color = "default" et obj.style.color = "auto" ne fonctionne pas. Comment puis-je réinitialiser la couleur à la CSS par défaut de javascript?

Répondre

20

Si le souvenir sert, obj.style.color="" devrait fonctionner ... Je ne sais pas si c'est droit cependant.

+0

Je pense que cela ne réinitialise que les styles définis via JavaScript. Mais dans ce cas, le style original est en ligne. – casablanca

+8

Cela fonctionne, et c'est vrai, bien que, puisque le style est ajouté au balisage, vous pouvez faire 'obj.removeAttribute ('style')' pour faire bonne mesure. – MooGoo

+0

@casablanca bien sûr, cela fonctionne dans Firefox, peu importe où le style sur l'élément a été défini. – Pointy

6

Définissez les valeurs des propriétés de style à la chaîne vide:

obj.style.color = ""; 
+2

La définition de null fonctionne dans ff et chrome mais pas dans IE. Dans IE (et cela fonctionne en FF et chrome), vous devriez faire obj.style.color = ""; –

Questions connexes