콘텐츠가 HTML 문서를 가리키는 iframe이 있습니다.원래 너비/높이가 PERCENTAGE로 설정된로드 후 일부 요소의 실제 너비/높이를 얻는 방법은 무엇입니까?
해당 HTML 문서에는 PDF 문서를 가리키는 EMBED 요소가 있습니다. 이 EMBED는 원래 너비와 높이가 PERCENTAGE (예 : width: 100%; height: 100%)로 설정되었습니다.
질문은 : Iframe에로드 된
후 어떻게 embed 요소 (임의의 단위 픽셀에있어서, PT, EM 등) 실제 절대 폭과 높이를 검색 할 수있다.
가능한 모든 js 속성 (width, height, style : clientWidth, clientHeight, offsetWidth, offsetHeight ...) 및 jQuery (예 : outerWidth, outerHeight 등)에서 시도했지만 희망이없는 것처럼 보입니다. .
이 당신이 필요로 반환해야합니다 :
document.getElementById("id").clientHeight
document.getElementById("id").clientWidth
id는 EMBED 요소의 고유 한 ID입니다. 이에 대한 자세한 내용은
는 :
http://jsfiddle.net/purmou/9XXwf/2/
이 jQuery의 width() 및 height() 사용합니다. 현재 패딩, 테두리, 여백 등 개체의 전체 너비/높이를 찾습니다. 테두리 자체를 제외하고 너비와 높이를 찾으려면 var width = this.offsetWidth;을 var width = $(this).width();으로 바꿉니다. var height = this.offsetHeight;과 var height = $(this).height();.
.offsetWidth 및 .offsetHeight 속성을 사용해야합니다. 참고! 그들은 element.style이 아니라 element에 속합니다.
var width = document.getElementById('foo').offsetWidth;
모든 최신 브라우저에서 작동합니다. 하지만주의하십시오! offsetWidth/offsetHeight는 요소에 대한 특정 DOM 수정 사항을 최근에 수행 한 경우 0을 반환 할 수 있습니다. 요소를 수정 한 후에이 코드를 setTimeout 호출에서 호출해야 할 수도 있습니다. 어쩌면 그것이 당신 문제 였을까요?