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: [](/images/72e7ae6f-bb56-4ceb-9ca8-cccb25d3676e.png) Button (off): [](/images/1501cbc9-70d3-496d-8e37-50254893e3c3.png) bzw. (on) [](/images/69efdcf0-4f21-4ebc-90b6-926356716a25.png) 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?

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: [](/images/72e7ae6f-bb56-4ceb-9ca8-cccb25d3676e.png) Button (off): [](/images/1501cbc9-70d3-496d-8e37-50254893e3c3.png) bzw. (on) [](/images/69efdcf0-4f21-4ebc-90b6-926356716a25.png) 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?