javascript - 如何在新标签页或 javascript 弹出窗口中获取 css 背景图像

Question

我想从这个 css 中获取背景图像，我该怎么做？

<div  class="zoomWindow" style="overflow: hidden; background-position: -174.967px -146.847px; text-align: center; background-color: rgb(255, 255, 255); width: 700px; height: 450px; float: left; background-size: 1100px 1500px; z-index: 100; border: 0px solid rgb(136, 136, 136); background-repeat: no-repeat; position: absolute; background-image: url(&quot;http://cdn.shopclues.com/images/detailed/45044/UX8A34631_1475562297.jpg&quot;); top: 200.4px; left: 623.5px; display: none;">&nbsp;</div>

我的代码打开了带有背景图片 url 的新标签，但域名仍然存在，我不知道为什么

这是我的代码

var img = document.getElementsByClassName('zoomWindow');
console.log(img[0].style.backgroundImage.slice(4, -1));
var imagers =img[0].style.backgroundImage.slice(11, -2);
window.open(imagers);

Answer 1

使用 DOM:

document.getElementById('image_1').style.backgroundImage;

JQuery:

$('#image_1').css("background-image");

如果你只想要 url 值，你还需要做一件事，去除值 url("http://cdn.shopclues.com/images/detailed/45044/UX8A34631_1475562297.jpg";) url() 函数。