Problème de sélecteur en Js

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
Kuzaikage
Messages : 1
Enregistré le : 30 déc. 2022, 08:47

Problème de sélecteur en Js

Message par Kuzaikage » 30 déc. 2022, 08:50

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.

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: Problème de sélecteur en Js

Message par webmaster » 30 déc. 2022, 11:41

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
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Répondre