[TypeScript] 에러 : Property 'style' does not exist on type 'Element'

문제

typescript를 사용해서 class 이름이 card인 div들의 style을 다루려고 했는데, Property 'style' does not exist on type 'Element' 에러메시지가 발생했다..

const cards = document.querySelectorAll('.card');
cards[0].style.display = 'none'

해결

아래처럼 HTMLElement로 타입 캐스팅을 해야 한다고 한다...

const cards = document.querySelectorAll<HTMLElement>('.card');
cards[0].style.display = 'none'

참고 자료

타입스크립트 querySelectorAll style 적용문제 | OKKY