如何從 class 中獲取 HTML 元素的 CSS 屬性？

Question

我正在使用 javascript 通過此腳本獲取img的 src 元素：

document.addEventListener("click", function(evt) {
            var src = evt.target.src 
}

但有些圖像沒有src屬性，因為它是在其 css class 的currentSrc屬性中設置的，如下所示：

<img alt="Chaussure de football enfant terrain sec Agility 900 FG bleu rouge" class="source-medium">

源媒體 css class 包含：

currentSrc: "https://contents.mediadecathlon.com/p1353468/k$6b31ed91fa5b73e99f89ff262c0985c7/s

我的問題是如何使用 javascript 獲取currentSrc屬性？

Answer 1

你試過evt.target.currentSrc嗎？

如果您只想要源媒體 class 的img元素的源，您可以 select 這些元素並獲取它們的源： document.querySelectorAll('.source-medium') ，然后使用 for 循環或其他東西循環結果。