VolkmarNaumburger: DOM, document.getElementsByClassName, get index?

Beitrag lesen

Ich habe zwei Gruppen von <div>:

  1. mehrere Images durch individuelle id's (z.B. id="im01", id="im02", ...) gekennzeichnet, und
  2. zu jedem image assoziiert ein Button. Alle Buttons sind mit der selben class (z.B. class="but") gekennzeichnet. Mit den Buttons soll die Sichtbarkeit des jeweiligen images getoggelt werden (das klappt alles).

Zum Beispiel:

image:

Button (off): bzw. (on)

Nun das Problem: unter den Buttons befindet sich ein Textfeld, das die Angaben "on" bzw. "off" je nach Zustand des betreffenden Buttons anzeigt. Dieses Textelement ist als <p class="butText">status</p> gekennzeichnet und soll nun per javascript DOM-Manilulation document.getElementsByClassName("butText")[index].InnerHTML = "on" (oder "off") geändert werden. Woher kann ich den notwendigen index beziehen? oder gibt es eine andere Methode?