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

时间：2022-02-24 06:42:53

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

相关文章