steckl: Einer Überschrift eine Farbe zuordnen?

Beitrag lesen

Hi,

Ich würde gerne wissen wie ich in einem bestimmten Code allen H2-Überschriften die Farbe rot zuweisen kann.

Willst du ihnen die Klasse rot zuweisen, oder nur die Schriftfarbe auf rot setzen?

.rot { font-weight; normal; color: red; }

^ Da sollte ein Doppelpunkt hin

weiß das vielleicht jemand?

Ja, ich ;)

Hab etwas gegooglet und das hier gefunden

<style type="text/javascript">
tags.H2.color = "rot";
</style>

im <head> bereich einfügen

bin mir aber nicht sicher ob das überhaupt ansatzweise stimmt ;)

Ich habe das so noch nie gesehen.

Verwende am besten getElementsByTagName('h2') um auf alle H2-Elemente zugreifen zu können:
var alleH2Tags = document.getElementsByTagName('h2');

Das ganze durchläufst du dann in einer For-Schleife:
[link:http://de.selfhtml.org/javascript/sprache/schleifen.htm#for@title=for] ( var i = 0; i < alleH2Tags.[link:http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=length@title=length];i++)

In dieser Schleife weist du dann den einzelnen Elementen je nach bedarf entweder die Klasse rot zu oder setzt die Schriftfarbe auf rot:
alleH2Tags[i].className = 'rot';
oder
alleH2Tags[i].style.color = 'red';

mfG,
steckl