Comment obtenir l'URL de l'image d'arrière-plan d'un élément en utilisant JavaScript ?

Question

Comment puis-je obtenir le background-image URL d'un <div> en JavaScript ? Par exemple, j'ai ceci :

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

Comment puis-je obtenir juste l'URL de la background-image ?

Answer 1

Enregistrer dans la console tous les background-image URL, sans parenthèses ni guillemets :

var element = document.getElementById('divId');
var prop = window.getComputedStyle(element).getPropertyValue('background-image');
var re = /url\((['"])?(.*?)\1\)/gi;
var matches;
while ((matches = re.exec(prop)) !== null) {
    console.log(matches[2]);
}