title: Using typescript, how to update HTML element's value and text.?
body: <p>I want to update certain attributes of <code>html</code> element using typescript. Is it possible to do so? Here's my code</p>
  <p>HTML:-</p>
  <pre><code>&lt;a ref=&quot;#&quot; id=&quot;userProfileName&quot; style=&quot;padding-top: 0px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px;&quot;&gt;
  &lt;img src=&quot;&quot; alt=&quot;&quot; id=&quot;userProfilePic&quot; class=&quot;profile-img&quot; style=&quot;width: 56px; height: 50px;&quot;&gt;&lt;/a&gt;
  </code></pre>
  <p>Typescript:-</p>
  <pre><code>document.getElementById('userProfilePic').src = profile.picture;
  document.getElementById('userProfileName').textContent = profile.given_name;
  </code></pre>
  <p>Error I'm getting:-</p>
  <pre><code>error TS2339: Property 'src' does not exist on type 'HTMLElement'.
  </code></pre>