使用 JavaScript 获取 table 行号和列号

  怎样获取预定义的table的行号和列号呢?很简单,只需要了解table的几个属性值用法即可。Table的总行数可以通过标记“tr”得到,但是table的列数却不能直接获取,它需要借助rows通过标记“th”和“td”得到。
  为了更直观,下面以示例来说明如何得到行号和列号。点击Id为'MyTable'的表格的任意单元时,返回该单元的行号和列号!示例代码如下:

function getRowAndColumn()
   {
   if(!document.getElementsByTagName || !document.createTextNode)return;
   varrows=document.getElementById('MyTable').getElementsByTagName('tr');
   varcols;
   for(i = 0; i < rows.length; i++)
   {
   rows[i].οnclick=function()
   {
   alert("行:"+eval(this.rowIndex + 1));
   }
   if(i=0)
   {
   colsTH =rows[i].getElementsByTagName('th');
   alert(colsTH.length);
   for(k = 0; k< colsTH.length; k++)
   {
   colsTH[k].onclick =function()
   {
   alert("列:"+eval(this.cellIndex +1));
   }
   }
   }
   else
   {
   cols =rows[i].getElementsByTagName('td');
   for(j = 0; j < cols.length; j++)
   {
   cols[j].onclick =function()
   {
   alert("列:"+eval(this.cellIndex + 1));
   }
   }
   }
   }
   }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值