TypeScript에서 HTMLElement 타입
DOM 요소를 위한 데이터 타입도 존재합니다.
예제를 통해 DOM 요소 작업을 살펴보겠습니다.
다음과 같은 div가 있다고 가정해 봅시다:
<div></div>
이 div에 대한 참조를 변수에 저장해 보겠습니다.
모든 DOM 요소는 HTMLElement 타입에 속합니다.
이 타입을 변수에 명시해 보겠습니다:
let elem: HTMLElement;
이제 이 변수에 우리의 div에 대한 참조를 기록해 보겠습니다:
let elem: HTMLElement = document.querySelector('div');
console.log(elem);
모든 div는 DOM 요소로서 HTMLElement 타입에 속할 뿐만 아니라,
HTMLDivElement 타입에도 속합니다(다른 태그에도 유사한 타입들이 존재합니다).
우리 요소에 대해 더 정확한 타입을 명시해 보겠습니다:
let elem: HTMLDivElement = document.querySelector('div');
console.log(elem);
프로미스를 포함하는 변수를 만드세요.
DOM 요소를 포함하는 변수를 만드세요.
ul 태그에 대한 참조를 포함하는 변수를 만드세요.
