首页 > Js/Jquery

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

发表于2015-08-14 11:20:09| --次阅读| 来源webkfa| 作者js,javascript

摘要:在不久前的项目中,涉及到一个表格数据展示在IE下出现兼容性问题。经过一段时间的排查,居然是一个cellIndex属性导致的。cellIndex表示返回一行的单元格集合中单元格的位置索引。例子: 1 2 ...

在不久前的项目中,涉及到一个表格数据展示在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)暂未想到

相关文章

猜你喜欢

学到老在线代码浏览器 关闭浏览
友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京ICP备14034497号-1