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

Question

안녕하세요, 타입스크립트 이론을 배우고 실전 적용 하루차입니다. 문제는 보시는 것과 같이 TS코드 11번째 줄의 style에서 발생하고 있습니다. 부모 엘리먼트에 이벤트리스너를 붙혀서 자식엘리먼트의 스타일 변화를 주려고 하는데, 자식엘리먼트의 스타일에서 Property 'style' does not exist on type 'Element' 라는 에러메세지가 뜨고있습니다. 구글링 하며 오만가지 해결법을 보고 오만방법을 써보았는데 계속 저런 경고메세지가 뜨네요.. 혹시 어떻게 하는지 아시는 분 계신가요 ㅠㅠ

yeori · Answer

document.querySelectorAll<HTMLElement>(...)요렇게 하면 타입캐스팅이 될겁니다.

yeori · Answer

querySelectorAll 반환타입이 HTMLElement가 아니라 Element 타입이어서 display 속성이 안보일겁니다.

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

2개의 답변

Q&A 목록