重新表述的標題為：提取圖像的原始文件

Question

我正在嘗試獲取網頁上特定圖像的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>`

這個問題可能是什麼，我該如何解決。

Answer 1

只需呼叫一次即可取得元素：

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