js如何获得table表格中单元格的行列位置

新建一个html文件，命名为test.html，用于讲解js如何获得table表格中单元格的行列位置。

在test.html页面，使用table标签创建一个表格，并设置其id属性为MyTable，方便下面通过该id获得表格对象。

在table表格内，使用tr、td标签创建三行三列的表格，代码如下：

在test.html的script标签内，使用onload事件在页面打开时执行function函数，用于下面给每个单元格绑定onclick点击事件。

通过table标签的id获对表格对象，并通过getElementsByTagName（）方法获得所有tr行对象。

通过for循环遍历表格的每一行，给单元格绑定onclick点击事件，点击时，将行号以弹窗的形式显示出来，在for循环的内部再次使用for循环来遍历表格的每一列，同样绑定onclick点击事件，并将列号以弹窗的形式显示出来。

在浏览器运行test.html文件，当点击表格单元格时，先弹窗显示列号，再弹窗显示行号，知道行号和列号，获得单元格所在的位置。例如，下面是点击行2列2时的效果。