如何获取JavaScript中元素的background-imageURL <div>?例如,我有这个:
background-image
<div>
<div style="background-image:url('http://www.example.com/img.png');">...</div>
我如何 只 获取URL background-image?
您可以尝试以下方法:
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, "")
replace(/['"]/g, "")