angular获取dom元素

方式一: ViewChild

代码语言：javascript复制

<div #box></div>

代码语言：javascript复制

@ViewChild('box') box: ElementRef;

constructor(){
 // 不能放在构造函数里面这个时候构造函数中还没有视图没法获取到box元素
}

ngOnInit() {
    console.log(this.box.nativeElement);
}

方式二: ElementRef

代码语言：javascript复制

<div class="box"></div>

代码语言：javascript复制

constructor(private el:ElementRef){
// 同理
}
ngOnInit(){
    console.log(this.el.nativeElement);
    console.log(this.el.nativeElement.querySelector('.box'));
}

element view

0 人点赞