js 获取 table所有tr标签下第一个td的值

<table class="gridtable">
   <thead>
      <tr>
         <th style="width: 20px;">
            <input type="checkbox" name="allCheck" οnclick="checkAll('allCheck', 'itemCheck')">
         </th>
         <th >店铺</th>
         <th >任务名</th>
         <th >计划时间</th>
         <th >状态</th>
         <th >创建时间</th>
         <th style="width: 20px;">操作</th>
         <th style="width: 180px;">失败原因</th>
      </tr>
   </thead>
   <tbody id="dataTable">
      <tr>
         <td style="width: 20px;">
            <input type="checkbox" disabled="" name="itemCheck" value="56994">
         </td>
         <td >096</td>
         <td >Task</td>
         <td >2023-06-04 23:18:06</td>
         <td >执行中</td>
         <td >2023-06-04 23:18:06</td>
         <td style="width: 20px;"></td>
         <td style="width: 150px;"></td>
      </tr>
      <tr>
         <td style="width: 20px;">
            <input type="checkbox" disabled="" name="itemCheck" value="56988">
         </td>
         <td >097</td>
         <td >Task</td>
         <td >2023-06-04 23:17:52</td>
         <td >执行中</td>
         <td >2023-06-04 23:17:52</td>
         <td style="width: 20px;"></td>
         <td style="width: 150px;">null</td>
      </tr>
      <tr>
         <td style="width: 20px;">
            <input type="checkbox" disabled="" name="itemCheck" value="56978">
         </td>
         <td>0121</td>
         <td >Task</td>
         <td >2023-06-04 23:17:29</td>
         <td >执行中</td>
         <td >2023-06-04 23:17:29</td>
         <td style="width: 20px;"></td>
         <td style="width: 150px;">null</td>
      </tr>
      <tr>
         <td style="width: 20px;">
            <input type="checkbox" disabled="" name="itemCheck" value="56951">
         </td>
         <td >090</td>
         <td >Task</td>
         <td >2023-06-04 23:16:26</td>
         <td >执行中</td>
         <td >2023-06-04 23:16:26</td>
         <td style="width: 20px;"></td>
         <td style="width: 150px;">null</td>
      </tr>
   </tbody>
</table>

# :not(:disabled) 排除隐藏选框的标签
var ids = [];
document.querySelectorAll("#dataTable tr > td:nth-child(1) > input:not(:disabled)").forEach(function(item,index){ids[index]=item.value})
# 排除style='width: 20px;'的td标签
document.querySelectorAll("#dataTable tr > td:not([style='width: 20px;'])")
# 获取偶数td标签
document.querySelectorAll("#dataTable tr > td:nth-of-type(2n)")
# 获取多个标签
document.querySelectorAll("#dataTable tr > td:nth-of-type(2n),#dataTable tr > td:nth-of-type(2n+1),input")
# class*="dtable" 模糊查询
document.querySelectorAll("table[class*="dtable"] tr > td:nth-of-type(2n)")
# 
$("#dataTable tr").children('td').eq(0).children('input').val()
# 更新id="56988"的状态
ids=56988
document.querySelector(`#dataTable tr input[value="${ids}"]`).parentNode.parentNode.querySelector('td:nth-child(5)').textContent='待执行'