자바 스크립트 스타일 문제

Question

javascript를 사용하여 현재 div의 높이를 표시하고 있습니다.

이

은

//css 
.test 
{ 
height:1px; 
} 

#test1 
{ 
margin:1px; 
} 

//html 
<div id="test1" class="test"></div> 

//javascript 
var a = document.getElementById('test1'); 

a.style.height //how I access the style 

방화범 스타일의 길이가 0이고 높이가 비어 있다고 영향받은 지역의 예입니다. 올바른 높이에 어떻게 액세스 할 수 있습니까?

Answer 1

지정된 스타일이 아닌 계산 된 스타일을 확인해야합니다. Quirks mode's getstyle 질문에 대답하는 페이지를 참조하십시오.

가끔 기본 문서보기에 어떤 스타일이 있는지보고 싶을 것입니다. 예를 들어 한 단락에 50 % 너비를 지정했는데 사용자의 브라우저에있는 픽셀의 수를 어떻게 확인할 수 있습니까?

는하고 그것이 간단한 css 기능을 제공 JQuery와 같은 라이브러리를 사용하는 것이 더 쉽습니다 불구하고, 도출하고 getstyle 기능을 사용하는 방법에 대해 설명합니다.

Answer 2

div 신장은 자녀에 따라 다릅니다. 비어 있으면 0이됩니다.

높이를 입력해야하는 코드는 정확합니다.

Answer 3

getComputedStyle 방법을 확인하십시오. 그것은 당신이 찾고있는 것을해야합니다. Kinda lame, 정말로, 나는 이것이 DOM에서 더 잘 다루어 졌으면 좋겠다.

Answer 4

대신 a.style.height

jsfiddle demo