2010-08-17 3 views
10

Auf einer PHP generierte Seite gibt es mehrere Elemente wie folgt aus:Wie setzen Sie die Stileigenschaften auf ihre CSS-Standardeinstellungen in Javascript zurück?

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

So gibt es eine Standard-Stil und ich gelten mehrere zusätzliche Stile, die den Stil im CSS definiert außer Kraft setzen.

Gibt es eine Möglichkeit, diese hinzugefügten Stile von Javascript zu entfernen? Es scheint, die obj.style.color = "default" und obj.style.color = "auto" funktioniert nicht. Wie kann ich die Farbe von JavaScript auf den CSS-Standard zurücksetzen?

Antwort

20

Wenn Erinnerung dient, sollte obj.style.color="" arbeiten ... ich weiß nicht, ob es aber Recht ist.

+0

Ich denke, dass nur über JavaScript eingestellte Stile zurückgesetzt werden. In diesem Fall ist der ursprüngliche Stil jedoch inline. – casablanca

+8

Es funktioniert, und es ist richtig, obwohl, da der Stil im Markup hinzugefügt wird, Sie auch 'obj.removeAttribute ('style')' 'für gute Maßnahme tun möchten. – MooGoo

+0

@casablanca Nun, es funktioniert sicher in Firefox, unabhängig davon, wo der On-Element-Stil festgelegt wurde. – Pointy

6

die Stileigenschaftswerte auf den leeren String Set:

obj.style.color = ""; 
+2

Die Einstellung auf null funktioniert in ff und chrome aber nicht in IE. In IE (und das funktioniert in FF und Chrome) sollten Sie obj.style.color = ""; –

Verwandte Themen