Javascript 获取元素背景图像但消除 "url()"

Question

我一直在制作我自己创建的图片库，我正在为其添加“放大”功能。

我知道我离成功很近了，但我只有一个小问题。在 Javascript 中，我设法获取了将被放大的图像的背景属性，但它抓取了包含 url() 的图像。我只想获取不包括 url() 的 URL (http:.../)。

我希望这不是很困惑，但如果你是，这是我元素的链接。单击图像以放大，但它实际上会提醒 background-image 属性，因为我想先看看它获取了什么。

Check it out

这可能吗？

Answer 1

最简单的解决方案是 slice方法。第一个参数指定从哪里开始选择，第二个参数指定从字符串结尾开始选择(如果为负数)。所以，你的代码应该是:

var bkImg = window.getComputedStyle(sourceimg,null).getPropertyValue("background-image");
var bkImgUrl = bkImg.slice(4, -1);