Почему не срабатывает getElementByID для input?

В разметке есть поле ввода:

<input _ngcontent-c0="" class="input" type="text" id="inp_city_333" style="display: none;">

в компоненте я получаю значение этого поля так:

let newVal = (document.getElementById('inp_city_' + id) as HTMLInputElement).value;

В этом случае всё ок.

Вопрос в том, почему я не могу в компоненте получить значение поля так:

let newVal = document.getElementById('inp_city_' + id).value;

Консоль выводит следующее сообщение об ошибке:

Property 'value' does not exist on type 'HTMLElement'.