我正在尝试获取网页上特定图像的src。当我输入我的代码时，输出是一个未定义的错误。

未捕获类型错误：无法读取未定义的属性（读取“getAttribute”）

这是HTML代码

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

这是js

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

这个问题可能是什么，我该如何解决。