js实现遍历含有input的table实例

实现表格中input元素的遍历，可以使用JavaScript DOM API完成。DOM API是JavaScript操作HTML结构中的内容的方法和属性集合。以下是几个实现遍历含有input的table的示例：

方法一：使用querySelectorAll

可以使用 document.querySelectorAll() 方法查找表格中的所有 input 元素。这样就可以使用任何查找元素的方式来查找元素（如根据元素的类名、ID或标记等），并返回一个包含所有匹配元素的NodeList对象。

const table = document.querySelector('#myTable'); // 获取表格元素
const inputs = table.querySelectorAll('input'); // 查找表格中所有的input元素
inputs.forEach(input => {
  console.log(input.value); // 遍历所有找到的input元素
});

方法二：使用DOM API中的遍历方法

可以使用DOM API中的getElementsByTagName方法获取到表格的所有行，然后在每一行中遍历每个单元格中的input元素。

const table = document.getElementById('myTable'); // 获取表格元素
const rows = table.getElementsByTagName('tr'); // 获取表格所有行

// 遍历所有行中的单元格
for (let i = 0; i < rows.length; i++) {
   const cells = rows[i].getElementsByTagName('td'); // 获取行中的所有单元格
   for (let j = 0; j < cells.length; j++) {
      const inputs = cells[j].getElementsByTagName('input'); // 获取单元格中的所有input元素
      for (let k = 0; k < inputs.length; k++) {
        console.log(inputs[k].value); // 遍历每个找到的input元素
      }
   }
}

以上是两种遍历含有input的table实例的实现方法。使用这些方法，可以方便地遍历和处理表格中的input元素。