import { Component,ViewChild } from '@angular/core'; @Component({ selector: 'my-app',template: ` <div #container> <p>para 1</p> <p>para 2</p> <button>button 1</button> </div> ` }) export class AppComponent { @ViewChild('container') myDiv; ngAfterViewInit(){ //this console.log would print this [p,p,button] console.log(this.myDiv.nativeElement.children); //how can I access to only p nativeElement only? } }