如何解决cellIndex在IE下兼容性问题

在不久前的项目中,涉及到一个表格数据展示在IE下出现兼容性问题。经过一段时间的排查,居然是一个cellIndex属性导致的。

cellIndex表示返回一行的单元格集合中单元格的位置索引。

例子:

复制代码
<table id="table">
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr>
        </table>
        <script type="text/javascript">
              document.getElementById('table').onclick = function(event){
                  var event = event || window.event;
                  var obj = event.target||event.srcElement;
                  if( obj.tagName.toLowerCase()== "td"){
                      alert(obj.cellIndex);
                  }
              }
        </script>
复制代码
1 2 3 4

点击相应的td会返回对应的索引0,1,2,3。

TD索引为:

问题是在IE某些低版本的浏览器下,返回的索引会不一致。

目前解决办法:

(1)效率比较低的办法是通过遍历单元格添加对应的索引属性。

(2)暂未想到

作者:GeniusLyzh
出处:http://www.cnblogs.com/GeniusLyzh/
本文链接:https://www.cnblogs.com/GeniusLyzh/p/4723599.html
本文版权归作者和博客园共有,欢迎转载,须保留此段声明,并给出原文链接,谢谢!
如果阅读了本文章,觉得有帮助,欢迎点击右下角推荐
posted @   Aarongo  阅读(745)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示