selector to extract value from table cell

Question

I wanted to get the time value 15:43:42 from the table cell 15:43:42 . however the console test seems not exactly correct.

Which selector should I used and how to extract the value?

HTML:


   
      
         
            Date
            Time
            Model
         
      
      
         
            
            
            
            23/05/2022
            15:43:42
            16000samplerate-60train-40test-v1-16k

The console result of document.querySelectorAll('table tr td:nth-child(4)');

console result

user_6022194 · Answer

firstly querySelectorAll selects all matching elements and returns always a nodeList and not a single element. To select a single element use querySelector and then be very specific which element do you want select. In your example you can do it that way

const tdNode = document.querySelector('tbody > tr td:nth-child(4)');
const text = tdNode.innerText;

and of course it would be easier if you can set a class on the desired element.

user_14038646 · Answer

If you meant which JS selector you should use, then my answer is the following: Added a class to the desired td: cls.

var item = document.getElementsByClassName("cls");
for (let i = 0; i < item.length; i++) {
    console.log(item[i].textContent);
}


   
      
         
            Date
            Time
            Model
         
      
      
         
            
            
            
            23/05/2022
            15:43:42
            16000samplerate-60train-40test-v1-16k

selector to extract value from table cell

2 Answers