DIV,

Question

는 안녕 난 일부 CSS 자바 스크립트

에서 속성을 변경하려면 CSS를 자바 스크립트에서 속성을 얻을하지만 난 그 DIV 여기

에 대한 액세스 CSS 값을 기울인다 것은 내가 내 CSS 파일에있는 것입니다

즉 여기

<div id="sidebar"> 
    <%@ include file="some_page.jsp" %> 
</div> 

를 div에 내 자바 스크립트 코드 O 형 여기

#sidebar { 
float: left; 
width: 160px; 
padding: 25px 10px 0 20px; 
} 

#sidebar ul { 
margin: 0; 
padding: 0; 
list-style: none; 
} 

내 HTML 코드입니다 N 약간의 클릭 이벤트 전 폭 속성을 변경하려면

var element = document.getElementById('sidebar'); 
alert(element.style.length); //Will alert 0 
alert(element.style.width);//Empty alert box 

, 는 유 제발 도와 드릴까요?

여기에서 코드를 기반으로,이 코드를 사용해보십시오 당신에게

Answer 1

감사합니다 : http://www.quirksmode.org/dom/getstyles.html

var sidebarWidth = getStyle('sidebar','width'); 

function getStyle(el,styleProp) { 
    el = document.getElementById(el); 
    return (el.currentStyle) 
     ? el.currentStyle[styleProp] 
     : (window.getComputedStyle) 
      ? document.defaultView.getComputedStyle(el,null) 
            .getPropertyValue(styleProp) 
      : 'unknown'; 
}​ 

---

편집 :

아마도 더 읽을 버전을 제공하려면 이 코드는 quirksmode 버전에 더 가깝습니다. 불필요한 변수를 제거하기 위해 그것을 변경했습니다.

var sidebarWidth = getStyle('sidebar','width'); 

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