style Elemente zusammenfassen

[Gustav Zimt]

Hallo,

ich versuche über Javascript das Erscheinungsbild gewisser Elemente zu ändern, was ja auch durchaus funktioniert:

  
document.getElementById('ZIELELEMENT').style.color='ZIELFARBE';  
document.getElementById('ZIELELEMENT').style.color='ZIELHINTERGRUND';  
// etc.  

(Und JA, CSS ist in meinem Fall leider keine Option)

Nun scheint mir diese Lösung nicht gerade die Eleganteste zu sein, da sie sich der gewünschten Darstellung des Zielelements immer wieder umständlich über document.getElementById Anfragen nähert...

Wie ließe sich dies also eleganter zusammenfassen?

Danke für Unterstützung, Abmahnung oder Zurechtweisung.
Auch Weihnachtswünsche werden von mir dankend entgegengenommen.

Euer wie immer ergebenster Gustav.

[Gustav Zimt]

  
document.getElementById('ZIELELEMENT').style.color='ZIELFARBE';  
document.getElementById('ZIELELEMENT').style.backgroundColor='ZIELHINTERGRUND';  
// etc.  

So, jetzt ergibts irgendwie mehr Sinn...

[molily]

Hallo!

Erstmal kannst du die Referenz auf das Element in einer Variable speichern.

var element = document.getElementById('…');

Es besteht kein Grund, die DOM-Abfrage in jeder Mal, wenn du auf das Element zugreifst, zu wiederholen.

Du kannst zudem mehrere Inline-Styles gleichzeitig setzen.

element.cssText = 'color: red; background-color: blue';

Mathias

[Gustav Zimt]

Hallo!

Erstmal kannst du die Referenz auf das Element in einer Variable speichern.

var element = document.getElementById('…');

Es besteht kein Grund, die DOM-Abfrage in jeder Mal, wenn du auf das Element zugreifst, zu wiederholen.

Du kannst zudem mehrere Inline-Styles gleichzeitig setzen.

element.cssText = 'color: red; background-color: blue';

Mathias

Danke!
Jetzt wird aber erst mal gemützt und dein Vorschlag morgen frischfröhlich umgesetzt.
Gruß

[molily]

element.cssText = 'color: red; background-color: blue';

Korrektur: Es muss
element.style.cssText = '…';
lauten.

[MudGuard]

Hi,

document.getElementById('ZIELELEMENT').style.color='ZIELFARBE';
document.getElementById('ZIELELEMENT').style.color='ZIELHINTERGRUND';
// etc.

  
  
Eine andere Variante wäre, dem Element nur eine Klasse zu verpassen oder wegzunehmen.  
Die zugehörigen CSS-Angaben dann ins Stylesheet.  
  

> (Und JA, CSS ist in meinem Fall leider keine Option)  
  
style.color IST aber CSS ...  
  
Du verwendest also CSS, obwohl das für Dich keine Option ist ...  
  
cu,  
Andreas

-- 
[Warum nennt sich Andreas hier MudGuard?](http://MudGuard.de/)  
[O o ostern ...](http://ostereier.andreas-waechter.de/)  
  
Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.