如何从 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 循环或其他东西循环结果。