Использование машинописного текста, как обновить значение и текст элемента HTML.

Question

Я хочу обновить некоторые атрибуты элемента html с помощью машинописного текста. Возможно ли, если да, то как ..? Я предоставляю свой код.

HTML: -

<a ref="#" id="userProfileName" style="padding-top: 0px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px;"> 
<img src="" alt="" id="userProfilePic" class="profile-img" style="width: 56px; height: 50px;"></a> 

Машинопись: -

document.getElementById('userProfilePic').src = profile.picture; 
document.getElementById('userProfileName').textContent = profile.given_name; 

Ошибка я получаю: -

error TS2339: Property 'src' does not exist on type 'HTMLElement'. 

Answer 1

document.getElementById функция возвращает элемент типа HTMLElement который не делает имеют свойство src.
Вы должны напечатать утверждать его HTMLImageElement:

(document.getElementById('userProfilePic') as HTMLImageElement).src = profile.picture; 

То же самое относится и к HTMLAnchorElement но textContent можно получить прямо из HTMLElement поэтому нет необходимости, чтобы бросить.