TypeScript DOM

Bevezetés

A getElementById() és hasonló függvények szimpla HTMElement típust adnak vissza. Az „as” kulcsszóval típuskényszerítéssel pontosíthatjuk a típust.

A getElementById() függvény HTMLElement típus ad vissza, aminek nincs .value tulajdonsága. Ezért átalakítjuk HTMLInputElement típussá.

const input = document.getElementById("szam2") as HTMLInputElement;
console.log(input.value);

const input = <HTMLInputElement>document.getElementById("szam1");
console.log(input.value);

const inputElement = document.querySelector('input') as HTMLInputElement;

DOM elemek:

const checkboxElement = document.querySelector('input[type="checkbox"]') as HTMLInputElement;

const radioButtonElement = document.querySelector('input[type="radio"]') as HTMLInputElement;