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

Question

我正在使用 javascriptimg通过此脚本获取 src 元素：

document.addEventListener("click", function(evt) {

            var src = evt.target.src 

}

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

<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

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

Answer 1

你试了evt.target.currentSrc吗？如果您只想要来自img具有 source-medium 类的元素的源，您可以选择这些元素并获取它们的源：document.querySelectorAll('.source-medium')然后使用 for 循环或其他东西循环结果。