打字稿中是否有“document.getElementById('first')”的替代方案？

Question

As per my knowledge document.getElementById('first') is used in JavaScript. and I want to know if there is any other way to access a particular div with it's id in Typescript for Angular-8. Kindly let me know, It would be very helpful for me.

Answer 1

You can use @ViewChild() to refer template elements in typescript.

In your template HTML:

<div #MyDiv>Hello World</div>

In your component.ts:

@ViewChild("MyDiv") div: ElementRef;

changeContent() {
  this.div.nativeElement.innerHTML = "text";
}