TypeScript устанавливает тип элемента с помощью «as» для getElementsByClassName

Очень новичок в TypeScript, поэтому я уверен, что с моим кодом что-то не так.

let htmlOption: HTMLCollection = document.getElementsByClassName(OPTION_SELECTOR);
let selected: HTMLElement = htmlOption[index];
// this throws an error "Initializer type Element is not assignable to variable type HTMLElement
selected.focus();

Я почти уверен, что это связано с тем фактом, что дети HTMLCollection - это Element, а не HTMLElement. Но мне нужно было установить фокус на HTMLElement (что не разрешено на Element)

Но следующее не выдает никаких ошибок:

let htmlOption = (document.getElementsByClassName(OPTION_SELECTOR) as HTMLCollection);
let selected = (htmlOption[index] as HTMLElement);
selected.focus();

Я не понимаю, чем они отличаются. Я думал, что могу объявить переменные с помощью varName: type = Definition?