网页元素图片链接存放在CSS样式属性中该如何获取？（使用JS获取网页元素中的CSS属性值）

场景需求：

需要获取 https://item.jd.com/100019371947.html 京东商品详情页面的图片链接

但是直接使用【获取元素信息】的获取链接不行

那么在检查中查看网页结构，发现该图片元素不是img标签，也没有src属性，所以获取不到图片链接

也可以看到图片链接存放在了style样式中的background-mage属性中：

解决方案：

这时候需要使用JS脚本来获取指定id的元素属性：

成功代码：

思路：

1. 循环获取每个元素的data-id属性值

：

2. 将类选择器的名称拼接好，并传入【执行JS脚本】指令：

参数：是图中的样式选择器类名——来自于每个元素的data-id与固定字符拼接，注意中间的小数点“.”前有个空格符“ ”,整个字符串前后没有空格符：

代码如下：无需修改

function(element,input){  var element = document.querySelector(input);   

// 检查元素是否存在  
if (element) {  

// 获取元素的
    computed style  var style = window.getComputedStyle(element);  
    
// 获取background-image属性值  
    var backgroundImage = style.backgroundImage;  
    
 // 返回提取的background-image属性值  
    return backgroundImage;  
    }
     else {  
     return null;     
     }
    }