[FRAGE] Wie fügt man einem H2 eine Klasse hinzu

[ralphdesign]

Hallo Leute,
Als Neuling in Javaskript habe ich gestern Abend versucht ein problem zu lösen, und auch stundenlang im Netz gesucht aber ihrgendwie nichts gefunden was funktioniert.
Dem HTML Code füge ich per Javaskript den Ids wie folgt Klassen hinzu. (Das ist nötig weil ich anderst keine Möglichkeit habe auf den generierten HTML Code zuzugreifen.)

<script type="text/javascript">  
var d = document.getElementById('main-content');  
d.className = d.className + " test";
              </script>

Das funktioniert alles auch gut, doch nun müsste ich das selbe bei einer H2 Überschriften einfügen und habe das wie folgt versucht.

<script type="text/javascript">  
var d = document.getElementsByTagName('h2');  
d.className = d.className + " test";
              </script>

Das war mein Lösungs Ansatz da man ja im HTML ja eigendlich auch Überschriften Klassen geben kann. Funktioniert aber leider nicht !
Kann mir bitte jemand sagen wo der Fehler liegt und wie ich das richtig hinbekomme.
Danke im voraus
Ralph

- - - Aktualisiert - - -

Ach ja hab ich vergessen zu sagen das div davor hat keine ID
Gruß Ralph

 

[Dormilich]

Das funktioniert deswegen nicht, weil document.getElementsBy*() (man beachte das s im Namen!) nicht ein einzelnes Element (wie bei document.getElementById() oder document.querySelector()), sondern eine NodeList zurückgibt (eine Art Array).

Tip: wenn du keine alten Browser unterstützen mußt, kannst du auch

elem.classList.add("test");

verwenden