table的操作我找获得行tr行号查过的资料，及隐藏等操作

最新推荐文章于 2022-03-02 16:23:32 发布

原创最新推荐文章于 2022-03-02 16:23:32 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#table #border #function

页面table 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种通过JavaScript获取HTML表格中单元格所在行数和列数的方法，并演示了如何动态创建表格及为表格行设置ID。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TABLE TR TD

插入光标所在的Text

如何获得Td的行数

<table border=1>
<tr>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"/n列数:"+(this.cellIndex+1))'>点我</td>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"/n列数:"+(this.cellIndex+1))'>点我</td>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"/n列数:"+(this.cellIndex+1))'>点我</td>
</tr>
<tr>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"/n列数:"+(this.cellIndex+1))'>点我</td>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"/n列数:"+(this.cellIndex+1))'>点我</td>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"/n列数:"+(this.cellIndex+1))'>点我</td>
</tr>
<tr>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"/n列数:"+(this.cellIndex+1))'>点我</td>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"/n列数:"+(this.cellIndex+1))'>点我</td>
<td onclick='alert("行数:"+(this.parentElement.rowIndex+1)+"/n列数:"+(this.cellIndex+1))'>点我</td>
</tr>
</table>

解决了我的菜单动态行数控制
---------------------------------------
根据td,可以如下:

oTd.parentNode.parentNode.parentNode.rows.length   行数
oTd.parentNode.cells.length   列数
------------------------------------------
oTd.parentNode.parentNode.rows.length   行数

循环得到TABLE付给TR ID

<table id="playtable"></table>
<script type="text/javascript">
var   tbody   =   document.getElementById("playtable").getElementsByTagName("tbody")[0];
for(var i=0;i<5;i++){
    var tr=document.createElement("tr");
    tr.id=i;
    tr.onclick=function(){alert(this.id);};
    var td=document.createElement("td");
    td.appendChild(document.createTextNode("abcd"));
    tr.appendChild(td);
    tbody.appendChild(tr);
}
</script>