Установите для отображения divs значение none и заблокируйте, используя свойство css document.getElementByClassName в Typescript

Question

Установите отображение divs в none и заблокируйте, используя свойство css document.getElementByClassName в Typescript. Первые две строки кода были найдены путем поиска ошибки в стиле

" существует в типе 'HTMLCollectionOf' "

, это ссылка на github для заинтересованных https://github.com/Microsoft/TypeScript/issues/16920

let main:HTMLElement = document.getElementsByClassName("main")[0] as HTMLElement;
let loader:HTMLElement = document.getElementsByClassName("loader")[0] as HTMLElement;
setTimeout(function(){
    loader.style.display = "none!important"
    main.style.display = "block!important"
}, 5000)