javascript - using queryselector to get textContent from td tags without class names

Question

I am trying to create a datascraper using node.

Here is a sample html code for an item that I am trying to scrape:

<tr class="cool">
<td>Todd</td>
<td>Bob eats shoes <br/><a href="/cool/donkey" title="fluffy" class="stack">[Stack]</a>
</tr>

Here is some code that I am using to extract:

cars.forEach(carCard=> {
      const carCool = {
        number: carCard.querySelector('?').textContent,
        date: carCard.querySelector('?').textContent,
      };
    }); 

I was wondering if there was anyway I could get the text of 'Todd' and [Stack] using this query selector. I do not know what I would need to put in place of the question marks. If not is there a different method I can use to accomplish this?

Please help.

question from:https://stackoverflow.com/questions/65849062/using-queryselector-to-get-textcontent-from-td-tags-without-class-names

Answer 1

You could do the following:

// To get all the td fields
const tds = document.querySelectorAll('td');
// to get the content of the td fields
tds.forEach(td => {
  console.log(td.textContent);
})