HTMLElement-tyyppi TypeScriptissä
DOM-elementeille on myös omat tietotyypit.
Katsotaan DOM-elementtien käsittelyä esimerkin avulla. Oletetaan, että meillä on
seuraava div:
<div></div>
Haetaan viite tähän div
muuttujaan. Kaikki DOM-elementit kuuluvat
tyyppiin HTMLElement. Määritellään tämä tyyppi
muuttujallemme:
let elem: HTMLElement;
Tallennetaan nyt tähän muuttujaan viite
div:ihimme:
let 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:
let elem: HTMLDivElement = document.querySelector('div');
console.log(elem);
Tee muuttuja, joka sisältää
promise:n.
Tee muuttuja, joka sisältää DOM-elementin.
Tee muuttuja, joka sisältää
viitteen ul-tunnukseen.
