DOM, document.getElementsByClassName, get index?
bearbeitet von Matthias ApselIch 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?size=medium)](/images/72e7ae6f-bb56-4ceb-9ca8-cccb25d3676e.png) Button (off): [![](/images/1501cbc9-70d3-496d-8e37-50254893e3c3.png?size=medium)](/images/1501cbc9-70d3-496d-8e37-50254893e3c3.png) bzw. (on) [![](/images/69efdcf0-4f21-4ebc-90b6-926356716a25.png?size=medium)](/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?