Getting Child Component of tbody

Question

I am not able to access Table Row of Data in Angular 2 Application,using Element Ref and query Selector.

ngAfterViewInit(){
            var e1 = this._elementRef.nativeElement.querySelector("tbody");
                        console.log(e1);
                e1.draggable="true";
    }

Above Code shows Data with tbody and child tr.

However,when I use

ngAfterViewInit(){
            var e1 = this._elementRef.nativeElement.querySelectorAll("tbody tr");
                        console.log(e1);
                e1.draggable="true";
    }

The Result is Coming As Null or Blank Array.[]

Answer 1

There is difference between querySelector and querySelectorAll .

Where querySelector works for you is because it returns DOM ( as you said data was returned ).

But with querySelctorAll you will get Node list. So, try to iterate trough that list and you will get table rows.

e1.forEach(tr => console.log(tr));