JS DOM을 사용하여 외부에서 정의 된 스타일에 액세스 할 수 있습니까?

Question

내가 jQuery를 사용하는 경우, 내가에서 외부에서 정의 된 얻을 수있는 스타일처럼 :

$("#element").css("background-image") 

내가 jQuery를하지 않고이 작업을 수행하려고하면

document.getElementById("element").style.backgroundImage 

같은 내가 다시 빈 문자열을 얻을. jQuery없이이 정보를 얻을 수있는 방법이 있습니까?

Answer 1

예. 고통스러운 방식.

function getStyle(el,styleProp) 
{ 
    var x = document.getElementById(el); 
    if (x.currentStyle) 
     var y = x.currentStyle[styleProp]; 
    else if (window.getComputedStyle) 
     var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp); 
    return y; 
} 

quirksmode에서 도난당했습니다. 이것은 아마도 jQuery 정적 메소드의보다 간결한 버전 일 것입니다.