javascript - 如何使用JavaScript获取元素的背景图片网址？

如何在JavaScript中获取background-image元素的<div> URL？
例如，我有这个:

<div style="background-image:url('http://www.example.com/img.png');">...</div>

如何获得ojit_r的URL只是的？

最佳答案

您可以尝试以下方法:

var img = document.getElementById('your_div_id'),
style = img.currentStyle || window.getComputedStyle(img, false),
bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");

// Get the image id, style and the url from it
var img = document.getElementById('testdiv'),
  style = img.currentStyle || window.getComputedStyle(img, false),
  bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");

// Display the url to the user
console.log('Image URL: ' + bi);

<div id="testdiv" style="background-image:url('http://placehold.it/200x200');"></div>

编辑:

根据@Miguel和下面的其他注释，如果您的浏览器(IE/FF/Chrome ...)将其添加到url，则可以尝试删除其他引号:

bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");

如果可能包含单引号，请使用:replace(/['"]/g, "")
DEMO FIDDLE

关于javascript - 如何使用JavaScript获取元素的背景图片网址？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14013131/