JS技术

使用 JavaScript 获取 table 行号和列号_javascript教程教程

字号+ 作者:H5之家 来源:H5之家 2015-10-03 13:00 我要评论( )

使用 JavaScript 获取 table 行号和列号,学习使用 JavaScript 获取 table 行号和列号,使用 JavaScript 获取 table 行号和列号,查看使用 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].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));

                                  }

                            }

                     }

             }

       }

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Swift 2.0学习笔记(Day48)——类型检查与转换 - 关东升 - 博客频道 - CSDN.NET 关东升 iO

    Swift 2.0学习笔记(Day48)——类型检查与转换 - 关东升 - 博客频道

    2015-12-14 18:16

  • 查找栈的增长方向的分析及C代码实现 - 周兆熊的专栏 - 博客频道 - CSDN.NET 周兆熊的专栏 2015年度“博

    查找栈的增长方向的分析及C代码实现 - 周兆熊的专栏 - 博客频道 - CS

    2015-12-14 15:15

  • JS开发者调查 - FedFun - 博客频道 - CSDN.NET FedFun 爱前端,乐分享,前端痴王海庆的博客!

    JS开发者调查 - FedFun - 博客频道 - CSDN.NET FedFun 爱前端,乐分

    2015-12-13 11:08

  • js事件与处理_Javascript教程

    js事件与处理_Javascript教程

    2015-10-10 15:06

网友点评
x