如何用js提取div的背景为一个js的Image对象.

我用document.getElementById("a2").style.backgroundImage提取后是纯字符串.

前提是此背景不是一个图片的地址.

我忘了怎么解决的这个问题了..

<html>
<head>   
</head>
<body>
   <div id="a2" style="height:300px;width:100%;background-size:100% 100%;background-image:url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1599892767284&di=692c1377b48d526a339ac810fad169b5&imgtype=0&src=http%3A%2F%2Fattach.bbs.miui.com%2Fforum%2F201401%2F29%2F204244x47qloku7krbjr48.jpg')"></div>
   <br/>
   <div id='img' />
   <script>
      var imgUrl=document.getElementById("a2").style.backgroundImage.split('(')[1].split(')')[0].replace(/"/g,'');   
      var img = document.getElementById('img');      
      var imgObj = new Image();      
      imgObj.src = imgUrl;       
      img.appendChild(imgObj);
   </script>
   </body>
</html>

在浏览器里f12，找到这个a2
在css或者style面板，把它的style贴出来看看
你看到的可能是原始网页源代码，地址是ajax得到的，或者你没有找对。