페이지 요소의 올바른 스타일 값 가져오기

둘째, 만약에 원소가 100픽셀이 높다면 그의 현재 높이를 얻으려면 스타일 속성에서 100px와 같은 정확한 결과를 얻기를 원하지만 때로는 뜻대로 되지 않을 때도 있다.이것은 스타일시트나 줄 안의 css에서 설정한 스타일 정보를 사용하여 현재 스타일 속성에 정확하게 반응할 수 없기 때문입니다.
따라서 다음 방법을 사용하여 해당 요소 값을 정확하게 찾을 수 있습니다.
 
 
 
쓰다

function getStyle(elem,name){
if(elem.style[name])
return elem.style[name];
else if(elem.currentStyle)
{
return elem.currentStyle[name];

}
else if(document.defaultView&&document.defaultView.getComputedStyle)
{
name=name.replace(/[A-Z]/g,"-$1");
name=name.toLowerCase();
var s=document.defaultView.getComputedStyle(elem,"");
return s&&s.getPropertyValue(name);

}
else return null;
} 

 
 
 
 
이 방법의 키워드 소개:
currentStyle
(
는 실제 속성을 나타냅니다.
예를 들어 인라인 스타일은 100px이고 스타일시트 스타일은 200px입니다!important 그러면 이 실제 속성 값이 200px예요.
)
IE 고유의 속성은 요소의 모든 CSS 속성에 적용되는 캐스케이드 그룹입니다.얘는 윈도야.getComputedStyle() 은 IE 대체 전용입니다.
요소의 스타일이 어디에 정의되었는지, 또는 요소가 동시에 내연 스타일과 CSS 규칙에 정의되었는지, 어느 것이 가장 좋은 선행자인지 확정할 수 없을 때, 최종적으로 나타나는 스타일을 가져와야 합니다.
IE가 각 요소에 제공하는currentStyle 객체
FF(other) DOM은defaultView 객체에서 getComputedStyle()에 액세스하는 방법;(마찬가지로 이것도 실제 스타일의 값을 얻는다)