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

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

您可以尝试以下方法：

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 itvar img = document.getElementById('testdiv'),  style = img.currentStyle || window.getComputedStyle(img, false),  bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");// Display the url to the userconsole.log('Image URL: ' + bi);<div id="testdiv" ></div>

编辑：

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

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

如果可能包含单引号，请使用：

replace(/['"]/g, "")