JavaScript - clientHeight, clientWidth 가 undefiend 뜰때 해결방법

jQuery를 사용하여 작업을 하다가 clientHeight, clientWidth 값이 undefiend 가 뜰때 해결방법입니다.

 

1. console.log($(element))

 

먼저 콘솔로 값을 찾고싶은 엘리먼트를 찍어주고 새로고침하여 콘솔창을 리로드합니다.

그럼 이런식으로 console 창에 요소 정보들이 나열되는데,

우리가 구하려는 clientWidth, clientHeight는 0 이라는 배열에 정보가 담기는것을 확인할 수 있습니다.

 

2.

$(element).clientHeight 를 스크립트 작성하면 undefiend값이 뜨지만

$(element)[0] 를 사용하면 객체값에 정상적으로 접근되게 됩니다.

 

let e = $(element)[0]

let eHeight = e.clientHeight;

let eWidth = e.clientWidth;

 

 

정상적으로 값이 출력된다.