Page 1 sur 1

Problème de sélecteur en Js

Posté : 30 déc. 2022, 08:50
par Kuzaikage
Bonjour, je galère un peu sur mon code en Js et je recherche une âme charitable capable de m’aider. Mon problème est le suivant : j’aimerais sélectionner uniquement le premier fils de la balise “PopUp-Img-S” ci-dessous et en récupérer l'attribut src et ceci pour chaque balise “PopUp-Img-S”.
----------------------------------------- Code -----------------------------------------

<div class="PopUp-Img">
<img class="PopUp-Img-P" src="./Sans titre.png" alt="">
<div class="PopUp-Img-S">
<img src="./téléchargement (1).jfif" alt="">
<img src="./Sans titre.png" alt="">
<img src="./Sans titre.png" alt="">
</div>
</div>

<div class="PopUp-Img">
<img class="PopUp-Img-P" src="./Sans titre.png" alt="">
<div class="PopUp-Img-S">
<img src="./téléchargement (1).jfif" alt="">
<img src="./Sans titre.png" alt="">
<img src="./Sans titre.png" alt="">
</div>
</div>

----------------------------------------------------------------------------------------

Ensuite j’aimerais appliquer ce même attribut src la balise PopUp-Img-P qui appartient au même groupement.

Re: Problème de sélecteur en Js

Posté : 30 déc. 2022, 11:41
par webmaster
Bonjour

Il faut y aller par étape
D'abord une boucle sur les PopUp-Img

Code : Tout sélectionner

var blocs=document.querySelectorAll("div.PopUp-Img")
for (let i=0; i<blocs.length; i++) {

}
Dans la boucle, une nouvelle selection :

Code : Tout sélectionner

  var images=blos[i].querySelectorAll("img.PopUp-Img-P")
  firstImage=images[0]
La première image est manipulable avec firstImage