나는 html 요소를 가지고있다. 그리고 그것 위에서 그것 위에서 적용되는 약간의 CSS를 가지고있다 나는 새로운 css 클래스가 적용되고 난 후의 정확한 높이와 폭을 알고 싶다. 내가 offsetWidth과 offsetHeight을 시도했지만 그들은 요소의 padding과 margin 속성을 포함하지 않았다.절대 높이와 너비를 얻는다
어떻게 실제로 계산하지 않고 정확한 값을 얻습니까? css 속성으로 직접 할 수 있습니까? 당신이 알고 에 정확한 높이와 폭을 원하지 않는, 요점은 : http://api.jquery.com/outerWidth/
jQuery를 쉽게 당신이 있습니다 요소 자체이지만, 공간을 사용합니다. 이것은 단순히 상자 모델의 계산 된 값입니다.
직접 계산하거나 JS 프레임 워크로 처리해야합니다. Dojo와 jQuery에는 모두 유틸리티 기능이 있습니다.
비트 코드를 제공하면 일부는 downvote! 그냥 힌트 ;-) –
만약 내가 jQuery를 사용하고 싶지 않다면, outerWidth를 얻는 것만으로 jQuery 라이브러리를 호출 할 필요가 없다. 페이지를로드하는 동안 서버 트립과 크기가 어느 정도 걸릴 것입니다. – Murtaza
서버 트립이란 무엇입니까? jquery는 자바 스크립트로 코드를 작성하는 가장 좋은 방법이며 많은 다양한 방법으로 도움이됩니다. +1 –
아니오, 그것은 크로스 브라우저 방식으로 수행 할 수 없습니다
[MDN에 따르면] (https://developer.mozilla.org/en/DOM/element.offsetHeight) 'offsetHeight' 속성 (및 이와 비슷한 너비)은 테두리, 패딩, 수직 스크롤바 및 실제 렌더링 된 높이. 아마도 당신의 질문은 내 코드를 올바른/크로스 브라우저로 만드는 법 이어야만합니까? – lpd