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

来源:互联网 发布:手机淘宝10.0 编辑:程序博客网 时间:2024/05/01 02:58
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>
 
原创粉丝点击