Ich versuche, den Quellcode eines bestimmten Bildes auf einer Webseite abzurufen. Wenn ich meinen Code eingebe, ist die Ausgabe ein undefinierter Fehler.

Uncaught TypeError: Attribut von undefiniert kann nicht gelesen werden (lesen Sie „getAttribute“)

Das ist der HTML-Code

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

Das ist js

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

Was könnte dieses Problem sein und wie kann ich es lösen?