如何编写JS函数获取HTML表格指定行列的内容？

你完全不需要用循环遍历所有单元格——既然已经明确知道要获取的行号和列号，直接通过DOM API的索引定位即可。原代码的循环逻辑完全多余，而且循环条件写法错误（把赋值操作当成了判断条件），才会导致打印所有单元格内容。

修正后的代码 #

const table = document.getElementById("table");

function getTableContents(rowNumber, cellNumber) {
    // 先做边界校验，避免索引越界报错
    if (!table.rows[rowNumber] || !table.rows[rowNumber].cells[cellNumber]) {
        console.error("指定的行号或列号不存在");
        return;
    }
    // 直接通过索引获取目标单元格的内容
    const targetCell = table.rows[rowNumber].cells[cellNumber];
    console.log(targetCell.textContent);
}

// 调用示例：获取第1行第1列（索引从0开始）的内容
getTableContents(0, 0);

关键说明 #

• table.rows是表格所有行的集合，通过rowNumber索引直接拿到目标行
• 目标行的cells是该行所有单元格的集合，通过cellNumber索引拿到目标单元格
• 增加边界校验是为了防止传入无效的行列号导致报错，比如传入的行号大于表格实际行数时，提前提示错误

内容的提问来源于stack exchange，提问作者moffitt