How to get id of a div from safeHtml?

I have one html saved in database, which i get from API call. this is the response

ex.

htmlText = <div class="dragBlock"> 
                <div id="Name">Test</div>
                 <div id="Age">23</div>
           </div>

In view i am showing this as

<div class="preview">
    <div [innerHtml] = "htmlText | safeHtml"> </div>
 </div>

this works fine, but i want to change inner Html of id Name and Age

In ts file I am doing this

document.getElementById('Name').innerHtml = 'UserName';

but this is not working, Can we do this in Angular? If yes how?

Solution

You need use it like this:

document.getElementById('Name').innerHTML = 'UserName';