HTMLElement-tyyppi TypeScriptissä

DOM-elementeille on myös omat tietotyypit. Katsotaan DOM-elementtien käsittelyä esimerkin avulla. Oletetaan, että meillä on seuraava div:

html<div></div>

Haetaan viite tähän div muuttujaan. Kaikki DOM-elementit kuuluvat tyyppiin HTMLElement. Määritellään tämä tyyppi muuttujallemme:

typescriptlet elem: HTMLElement;

Tallennetaan nyt tähän muuttujaan viite div:ihimme:

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

Kaikki divit, sen lisäksi että ne ovat DOM- elementtejä tyypillä HTMLElement, kuuluvat myös tyyppiin HTMLDivElement (vastaavat tyypit ovat olemassa muillekin tunnuksille). Määritellään elementillemme tarkempi tyyppi:

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