angular獲取dom節點

angular獲取dom節點

.html文件中

<div #myBox>
  dom節點
</div>

在.ts文件中
引入 ViewChild

import { ViewChild } from '@angular/core';

export class NewsComponent implements OnInit {
//寫在類里面
  @ViewChild("myBox") myBox: any
  //ngAfterViewInit生命周期函數里面獲取dom
  ngAfterViewInit(): void {
    console.log(this.myBox.nativeElement.innerHTML)
    this.myBox.nativeElement.style.width = "100px";
    this.myBox.nativeElement.style.height = "100px";
    this.myBox.nativeElement.style.background = "red";
  }

}