Tartalomjegyzék

< TypeScript

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.

Input elemek tartalma

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:

Checkbox

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

Radiobutton

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

További típusok

const buttonElement = document.querySelector('button') as HTMLButtonElement;