de fond avec javascript

Question

j'ai problème pour aller chercher url fond d'un div

HTML:

<div id='test'></div> 

CSS:

#test { position:absolute; height:55px; width:85px; top:554px; left:197px; background:url('images/1.jpg'); } 

lorsque je tente d'obtenir fond URL de l'image en utilisant ci-dessous il affiche vide.

alert(document.getElementById("test").style.backgroundImage); 

mais il est intéressant, il fonctionne pour suivre

document.getElementById("test").style.backgroundImage="url('images/1.jpg')"; 
alert(document.getElementById("test").style.backgroundImage); 

Note: Pas de problème avec l'URL, car l'image affichée correctement

Answer 1

vous ne pouvez pas obtenir les informations de style d'un CSS externe depuis JS regarde seulement dans le DOM. Je ne sais pas si son possible, mais vous devriez être en mesure d'obtenir et de modifier les informations CSS lorsque vous définissez directement sur l'élément par la balise de style:

<div style="position:absolute; height:55px; width:85px; top:554px; left:197px; background:url('images/1.jpg');"></div> 

Answer 2

Oui, il est possible, mais vous aurez besoin l'élément toujours:

function getStyles (element) { 
    element = document.getElementById(element); 
    if (element.currentStyle) { 
     return element.currentStyle; 
    } else if (window.getComputedStyle) { 
     return document.defaultView.getComputedStyle(element, null); 
    } 
} 

Ceci devrait retourner un tableau associatif avec tous les styles de l'élément donné.

Dans de nombreux cas, il n'est pas possible d'accéder directement à un style CSS directement à partir de JavaScript, comme vous avez essayé de le faire.