Es soll nur Bilder ausgetauscht werden, die sich in einem DIV mit einer bestimmten Klasse befinden.
Kein jQuery, sondern reines JS!
Beispiel IST-Zustand:
Code: Select all
...
<div class="imgDiv">
<img src="img1.png" alt="img1"><div>
</div>
...
<div class="imgDiv">
<img src="img2.png" alt="img2"><div>
</div>
...
<div class="imgDiv">
<img src="img3.png" alt="img3"><div>
</div>
...
Code: Select all
...
<div class="imgDiv">
<img src="img1.svg" alt="img1"><div>
</div>
...
<div class="imgDiv">
<img src="img2.svg" alt="img2"><div>
</div>
...
<div class="imgDiv">
<img src="img3.svg" alt="img3"><div>
</div>
...
Mit jQuery ginge das wohl relativ einfach - aber wie geht das mit reinem JS?