使用 JavaScript 获取 table 行号和列号

王朝html/css/js·作者佚名  2008-10-08
窄屏简体版  字體: |||超大  

怎样获取预定义的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].onclick=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));

}

}

}

}

}

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航