getElementsByClassName()

[Gunnar Bittersmann]

@@Felix Riesterer:

nuqneH

Wie Du diese nicht im Standardumfang von JavaScript enthaltene Funktion [getElementsByClassName()] nutzen kannst, sagt Dir entweder das Forumsarchiv oder Google.

Und warum man diese Funktion nicht nutzen sollte, wenn es denn auch anders geht, sagt dir auch das Forumsarchiv oder Google.

Zum einen ist getElementsByClassName() unperformant, zum anderen widerspricht das Stylen von Elementen mit JavaScript der Trennung von Präsentationsschicht und Verhaltensschicht.

Besser ist es, beim Event 'mouseover' über dem Bild einem Elternelement der 'td' ('table' könnte sich anbieten) eine Klasse "highlighted" zu verpassen und bei 'mouseout' wieder wegzunehmen.

Die Formate der 'td'-Elemente stehen für 'mouseout' und für 'mouseover' dort, wo sie hingehören: im Stylesheet.

td { /* sich nicht ändernde Formate und Formate bei 'mouseout' */ }  
.highlighted td { /* davon abweichende Formate bei 'mouseover' */ }

Ich wüsste gerade nicht, wozu  man getElementsByClassName() wirklich brauchen sollte. Für dynamische Styleänderungen ganz sicher nicht.

Qapla'