JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table1">
<tr>
  <td><input type="text" value="" /></td>
  <td><input type="text" value="" /></td>
  <td><input type="text" value="" /></td>
  <td><input type="text" value="" /></td>
</tr>
<tr>
  <td><input type="text" value="" /></td>
  <td><input type="text" value="" /></td>
  <td><input type="text" value="" /></td>
  <td><input type="text" value="" /></td>
</tr>
<table>

JavaScript

var trs = document.getElementsByTagName('tr');
console.log('trs', trs)

    for (var i = 0; i < trs.length; i++) {
          var tr = trs[i];
          console.log(tr.getElementsByTagName('td').length)
    }