TypeScript에서 HTMLElement 타입

DOM 요소를 위한 데이터 타입도 존재합니다. 예제를 통해 DOM 요소 작업을 살펴보겠습니다. 다음과 같은 div가 있다고 가정해 봅시다:

html<div></div>

이 div에 대한 참조를 변수에 저장해 보겠습니다. 모든 DOM 요소는 HTMLElement 타입에 속합니다. 이 타입을 변수에 명시해 보겠습니다:

typescriptlet elem: HTMLElement;

이제 이 변수에 우리의 div에 대한 참조를 기록해 보겠습니다:

typescriptlet elem: HTMLElement = document.querySelector('div');
console.log(elem);

모든 div는 DOM 요소로서 HTMLElement 타입에 속할 뿐만 아니라, HTMLDivElement 타입에도 속합니다(다른 태그에도 유사한 타입들이 존재합니다). 우리 요소에 대해 더 정확한 타입을 명시해 보겠습니다:

typescriptlet elem: HTMLDivElement = document.querySelector('div');
console.log(elem);