Javascript 按索引获取单元格

在 Javascript 中，我们经常需要对表格进行操作。其中一个常用的操作就是按索引获取表格中的单元格。本文将介绍如何使用 Javascript 获取表格中指定索引的单元格。

1. 获取表格

首先，我们需要获取到需要操作的表格。可以通过 document.getElementById() 或 document.querySelector() 方法获取到表格元素。假设我们的表格在 HTML 中为：

<table id="myTable">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>
        <td>8</td>
        <td>9</td>
    </tr>
</table>

我们可以通过以下代码获取到该表格元素：

const myTable = document.getElementById('myTable'); // 通过 ID 获取表格
// 或
const myTable = document.querySelector('#myTable'); // 使用 CSS 选择器获取表格

2. 获取指定单元格

假设我们要获取表格中第 2 行第 3 列的单元格，可以使用以下代码：

const rowIndex = 1; // 第 2 行，行索引从 0 开始
const cellIndex = 2; // 第 3 列，列索引从 0 开始
const cell = myTable.rows[rowIndex].cells[cellIndex];

上面的代码中，myTable.rows 返回表格中所有行的集合，使用索引 rowIndex 获取指定的行。然后使用 cells 属性获取该行中所有单元格，使用索引 cellIndex 获取指定的单元格。

最终的结果是 cell 变量包含了指定的单元格元素。我们可以继续对该元素进行其他操作，例如修改该单元格的内容：

cell.innerText = 'New Value';

3. 总结

本文介绍了如何使用 Javascript 按索引获取表格中的单元格。需要注意的是，行索引和列索引都是从 0 开始的。通过上面的代码，我们可以方便地对表格中的单元格进行增删改查等操作。