Le titre reformulé est : Extraire le fichier original de l'image

Question

J'essaie d'obtenir le src d'une image spécifique sur une page Web. Lorsque j'entre mon code, le résultat est une erreur indéfinie.

Uncaught TypeError : Impossible de lire l'attribut non défini (lire 'getAttribute')

Voici le code HTML

<div class="team-member-image border-radius-5px overflow-hidden">
      <img class="abc" alt="" src="images/team01.jpg">
</div>

C'est js

`<script>
      var pic = document.getElementsByClassName("abc")[0].getElementsByTagName("img")[0];
      var src = pic.getAttribute('src');
      console.log(src);
</script>`

Quel pourrait être ce problème et comment puis-je le résoudre.

Answer 1

Obtenez des éléments en un seul appel :

var pic = document.getElementsByClassName("abc")[0];