javascript - 如何从其类中获取 HTML 元素的 CSS 属性？

Question

我正在使用 javascript 通过此脚本获取 img 的 src 元素:

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

但有些图像没有 src 属性，因为它是在其 css 类的 currentSrc 属性中设置的，如下所示:

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

源媒体 css 类包含:

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

我的问题是如何使用 javascript 获取 currentSrc 属性？

Answer 1

你试过 evt.target.currentSrc 了吗？

如果您只想要来自带有 source-medium 类的 img 元素的来源，您可以选择这些元素并获取它们的来源:document.querySelectorAll('.source-medium') 然后用 for 循环或其他东西遍历结果。