js遍历tr input

// 获取表格中所有的输入元素
const inputs = document.querySelectorAll('table tr input');

// 遍历所有输入元素
inputs.forEach(input => {
  console.log(input.value); // 打印每个输入框的值
});

// 获取表格的所有行
const rows = document.querySelectorAll('table tr');

// 遍历每一行
for (let i = 0; i < rows.length; i++) {
  // 获取当前行的所有输入元素
  const inputs = rows[i].querySelectorAll('input');
  
  // 遍历当前行的所有输入元素
  for (let j = 0; j < inputs.length; j++) {
    console.log(inputs[j].value); // 打印每个输入框的值
  }
}

function traverseTable(element) {
  // 遍历当前元素的所有子节点
  for (let i = 0; i < element.childNodes.length; i++) {
    const child = element.childNodes[i];
    
    // 如果是<tr>元素，则进一步遍历它的子节点
    if (child.tagName === 'TR') {
      traverseTable(child);
    }
    
    // 如果是<input>元素，则处理它
    if (child.tagName === 'INPUT') {
      console.log(child.value); // 打印输入框的值
    }
  }
}

// 开始遍历表格
traverseTable(document.querySelector('table'));