getBoundingClientRect()에서 0으로 나올 때

분명히 화면에는 뜨는데 왜 0으로 나올까.. css에서 height를 auto로 하거나 따로 안쓰고 padding등으로 잡혀있는거면 getBoundingClientRect로 안잡히는건가.. 온갖 생각을 하던때가 있잖슴~~~~~~~

 

 

1. display 확인

const el = document.querySelector('.div');

if (window.getComputedStyle(el).display != "none") {
  console.dir(el.getBoundingClientRect());
}

none으로 되어있으면 안뜨니까 체크 먼저 해주기. 나같은 경우는 알고보니 2번째 element를 확인했어야했는데 display none상태인 첫번째 element를 확인하고 있었어서 그랬음.