첫 번째 사례는 너비와 높이가 #div1 {너비 : 120px;}와 같은 스타일 시트에 작성된 것입니다. 이 경우 너비는 #div1.style.width를 통해 얻을 수 없지만 너비는 #div1.offsetWidth를 통해 얻을 수 있습니다.
두 번째 경우는 너비와 높이가 스타일 = "너비 : 120px;"와 같은 라인에 기록된다는 것입니다.이 경우 너비는 위의 두 가지 방법을 통해 얻을 수 있습니다.
요약, Id.offsetWidth 및 id.offSetheight는 스타일 시트 또는 줄에 쓰여진 스타일을 무시하기 때문에 요소 너비와 높이를 얻을 때이 두 가지 속성을 사용하는 것이 가장 좋습니다. 라인 스타일로 작성된 속성을 id.style.atrr를 통해 얻을 수없는 경우.
요즘 프론트 엔드 제작은 스타일로 직접 스타일을 거의 쓰지 않지만 모두 스타일 시트로 작성되었습니다. 얻으려는 스타일이 ( #div1.style.width가 #div1.offsetWidth에 해당하는지)에 해당하지 않으면 브라우저를 사용하지 않고 스타일 시트의 속성 만 얻을 수 있습니다. "JS Get Style Properties"를 검색 할 수 있습니다.
암호:
var o = document.getElementById ( "보기"); var h = O.OffSetheight; // 높이 var w = O.OffSetWidth; //너비
JS에서 HTML 요소의 실제 너비와 높이를 얻는 위의 방법은 내가 공유하는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.