使用 JavaScript 获取 table 行号和列号

土鳖爆炒

土鳖爆炒

2016-02-19 19:39

今天图老师小编给大家展示的是使用 JavaScript 获取 table 行号和列号,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

  怎样获取预定义的table的行号和列号呢?很简单,只需要了解table的几个属性值用法即可。Table的总行数可以通过标记“tr”得到,但是table的列数却不能直接获取,它需要借助rows通过标记“th”和“td”得到。

  为了更直观,下面以示例来说明如何得到行号和列号。点击Id为'MyTable'的表格的任意单元时,返回该单元的行号和列号!示例代码如下:

      function getRowAndColumn()

      {

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

              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()

                                  {

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

                                         alert("列:"+eval(this.cellIndex +1));

                                  }

                            }

                     }

                     else

                     {

                           cols =rows[i].getElementsByTagName('td');

                           for(j = 0; j cols.length; j++)

                           {

                                  cols[j].onclick =function()

                                  {

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

                                         alert("列:"+eval(this.cellIndex + 1));

                                  }

                            }

                     }

             }

       }

展开更多 50%)
分享

猜你喜欢

使用 JavaScript 获取 table 行号和列号

Web开发
使用 JavaScript 获取 table 行号和列号

获取table中的rowIndex和cellIndex

Web开发
获取table中的rowIndex和cellIndex

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript操作table

Web开发
javascript操作table

JavaScript教程:Table行定位效果

Web开发
JavaScript教程:Table行定位效果

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Excel2003删除修改行号列标字体

电脑入门
Excel2003删除修改行号列标字体

javascript js cookie的存储,获取和删除

Web开发
javascript js cookie的存储,获取和删除

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

外评Windows 8升级版应做的多项改进

外评Windows 8升级版应做的多项改进

跟我学MS SQL Server(5)

跟我学MS SQL Server(5)
下拉加载更多内容 ↓