在javascripting中填写背景图片和href

Question

我在div标签中已经在线插入了背景图像，所以我希望如此 图像会自动获取href=""标记中的复制背景图像值。

HTML代码

<a href="" class="over">
    <div class="fill" style="background-image:url(images/9XkFhM8tRiuHXZRCKSdm_ny-2.jpg);"></div>
</a>

Answer 1

以下代码会将图片的网址添加到其a标记的href中。根据需要使用它。

var elems = document.querySelectorAll('.fill');
for(var i = 0; i < elems.length; i += 1) {
    var style = elems[i].style.backgroundImage;
    var url = style.substring(4, style.length-1);
    elems[i].parentNode.href = url
};

在此fiddle中查看。