표시되지 않은 요소의 자식의 너비/높이 가져 오기

Google 차트 개체의 너비와 높이를 컨테이너 div로 설정하려고합니다. 이렇게하려면 객체 속성을 설정해야합니다. var options = {'width':$('#chart').width(),'height':$('#chart').height()}; $ .fn.width()가 픽셀 값을 반환하는 경우에만 실제로 작동합니다. 이는 요소가 표시 될 때 발생하지만 항목이 표시되지 않는 경우는 발생하지 않습니다. 요소가 숨겨져있을 때 차트를 업데이트해야하므로 치수를 어떻게 얻을 수 있습니까? https://jsfiddle.net/Lj0daj27/표시되지 않은 요소의 자식의 너비/높이 가져 오기

출처

2016-08-03 Franz Tesca

는 [유사한 경우 (http://stackoverflow.com/questions/1472303/jquery-get-width-of-element-when-not-visible-display-none) – user2970115

영어 실력 완전히이다 벌금. –

@ user2970115 그 방법을 알았지 만 폭을 알고 싶은 요소가 숨겨진 요소의 자식이고 숨겨져 있지 않기 때문에 제 경우가 다릅니다. 내가 그렇게하고 싶다면 숨김에 대한 가시성을 설정하고 차단을 표시해야하지만 아래 내용이 많기 때문에 사용자에게 시각적으로 표시됩니다. 대신, 그 내용을 표시하지 유지하고 싶습니다 –

document.getElementById('answer').innerHTML = document.getElementById('element').scrollHeight + "px tall!";

#element { 
 
    height: 200px; 
 
    width: 250px; 
 
    padding: 20px; 
 
    background: blue; 
 
    text-align: center; 
 
    color: white; 
 
    opacity: 0; 
 
}

<div id="element"> 
 
    This is my element! 
 
</div> 
 

 
<div id="answer"> 
 
    
 
</div>

나는이 치수를 얻기 위해 scrollHeight 및 scrollWidth 속성을 사용하는 것이 좋습니다 : 이 당신이 내 문제를 (내 나쁜 영어하지 않습니다) 더 잘 이해하는 데 도움이 바이올린입니다. 숨겨진 요소에도 잘 작동합니다.

http://www.w3schools.com/jsref/prop_element_scrollheight.asp

출처

2016-08-03 03:29:51

scrollWidth 시도했지만 요소가 표시되지 않을 때 0을 반환합니다 ... –

요소를 숨기려면'display : none'를 사용하는 경우, 나는 그것의 차원을 찾는 방법이 있다고 생각하십시오. 'opacity'를 통해 요소를 숨기거나 요소를 잠깐 표시하여 치수를 저장할 수 있도록 권하고 싶습니다. 실제로 요소의 컨텍스트에 따라 다릅니다. –

표시되지 않은 요소의 자식의 너비/높이 가져 오기

답변

관련 문제