1. 爱易网页
  2. JavaSript
  3. javascript关于table的有关问题

javascript关于table的有关问题

日期：2014-05-16　 浏览次数：20571 次

javascript关于table的问题
现在我有个动态生成的table,每个单元格里面是一个数字,每个数字都是个超连接.
现在我点击数字,能不能得到这个数字的行和列的索引,在页面下放显示出来?
重点是怎么得到行和列的索引,请高手指点.

------解决方案--------------------
cellIndex和rowIndex属性
------解决方案--------------------
<html>
<head>

<script language=javascript>
function a(o){
var col=o.parentNode.id;
var row=o.parentNode.parentNode.id;
alert( "col: "+col+ ";row: "+row);
}
</script>
</head>
<body>
<table border=1 width= "100 ">
<tr id= "1 "> <td id= "1 " > <a href= "# " onclick= "a(this) "> 1 </a> </td> <td id= "2 "> <a href= "# " onclick= "a(this) "> 2 </a> </td> </tr>
<tr id= "2 "> <td id= "1 "> <a href= "# " onclick= "a(this) "> 3 </a> </td> <td id= "2 "> <a href= "# " onclick= "a(this) "> 4 </a> </td> </tr>
<tr id= "3 "> <td id= "1 "> <a href= "# " onclick= "a(this) "> 5 </a> </td> <td id= "2 "> <a href= "# " onclick= "a(this) "> 6 </a> </td> </tr>
<tr id= "4 "> <td id= "1 "> <a href= "# " onclick= "a(this) "> 7 </a> </td> <td id= "2 "> <a href= "# " onclick= "a(this) "> 8 </a> </td> </tr>
</table>
</body>
</html>
------解决方案--------------------
<html>
<head>
<title> new page </title>
<script language=javascript>
function a(obj){
var col=obj.parentNode.cellIndex;//列索引，初始值为0
var row=obj.parentNode.parentNode.rowIndex;//行索引，初始值为0
alert( "col: "+col+ ";row: "+row);
}
</script>
</head>
<body>
<table border=1 width= "100 ">
<tr>
<td> <a href= "# " onclick= "a(this) "> 1 </a> </td>
<td> <a href= "# " onclick= "a(this) "> 2 </a> </td>
</tr>
<tr>
<td> <a href= "# " onclick= "a(this) "> 3 </a> </td>
<td> <a href= "# " onclick= "a(this) "> 4 </a> </td>
</tr>
<tr>
<td> <a href= "# " onclick= "a(this) "> 5 </a> </td>
<td> <a href= "# " onclick= "a(this) "> 6 </a> </td>
</tr>
<tr>
<td> <a href= "# " onclick= "a(this) "> 7 </a> </td>
<td> <a href= "# " onclick= "a(this) "> 8 </a> </td>
</tr>
</table>
</body>
</html>

相关资料更多>

  1. 记Struts2中使用JSTL tag lib 的异常
  2. 这个链接的文件在哪里？解决思路
  3. JS沿袭的实现
  4. 肿么又被循环难住了呢？解决方案
  5. JavaScript的例外处置(try.catch.finally)
  6. JS的一些高级特征
  7. 有三个标签，它们的class相同，ID不同，怎么通过jQuery更改它们的标签内容
  8. Javascript的类实现-打包、抽象与继承
  9. 求教编码转换有关问题