document.getElementById()를 사용하여 CSS에서 값 가져 오기 style.height javascript

Question

이 수수께끼에 대한 통찰력을 제공하십시오.

나는 속성이 div 태그에 포함되어있는 경우 내가 잘이 값을 얻을 수 있습니다

var high = document.getElementById("hintdiv").style.height; 
alert(high); 

에 의해 사업부 상자에서 높이 값을 얻기 위해 노력하고 있지만,이 속성이 경우 빈 값을 반환 css 섹션에 정의되어 있습니다.

괜찮습니까? 100px 값으로 표시됩니다. 값에 액세스 할 수 있습니다.

<div id="hintdiv" style="height:100px; display: none;"> 
. 
. 
var high = document.getElementById("hintdiv").style.height; 
    alert(high); 

이 메시지는 비어있는 경고 화면을 보여줍니다. 값은 거의 0

#hintdiv 
{ 
height:100px 
display: none; 
} 

<div id="hintdiv"> 
. 
. 
var high = document.getElementById("hintdiv").style.height; 
    alert(high); 

이다 그러나 나는 아무 문제/접근하지 않는 "디스플레이 : 없음"변경해야 함 태그 또는 CSS 섹션에 있는지 여부 속성을. 태그 또는 css 섹션에서 두 속성 정의 메서드에 의해 div 상자가 올바르게 표시됩니다.

나는 다른 변화에 의해 값에 액세스하려고했으나 운

document.getElementById("hintdiv").style.height.value ----> undefined 
document.getElementById("hintdiv").height ---->undefined 
document.getElementById("hintdiv").height.value ----> error, no execution 

모든 솔루션?

TIA.

Answer 1

대신 usign jQuery를 고려해야합니다 ... $ ('# hintDiv'). height()로 단순화하고 항상 div의 실제 너비를 반환합니다.

Answer 2

document.getElementById("hintdiv").style.height;을 사용하면 태그의 style 속성에 액세스하고 있기 때문입니다. 속성이 없으면 값을 얻지 못합니다.

대신 IE에서는 currentStyle 개체를 사용하고 나머지 웹 브라우저에서는 getComputedStyle() 기능을 사용해야합니다.

Answer 3

CSS 구문이 잘못되었습니다. height:100px이 아닌 height:100px; 일 수 있습니다. 세미콜론을 유의하십시오.