zoukankan      html  css  js  c++  java
  • 如何解决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)暂未想到

  • 相关阅读:
    Laravel 5.7 RCE (CVE-2019-9081)
    Laravel 5.8 RCE 分析
    CVE-2018-12613 的一些思考
    2019CISCN华南线下两道web复现
    Intellij idea导入项目时没有目录结构
    [BZOJ4907]柠檬
    [BZOJ3675]序列分割
    aes加解密
    java:基于redis实现分布式定时任务
    PBKDF2加密
  • 原文地址:https://www.cnblogs.com/GeniusLyzh/p/4723599.html
Copyright © 2011-2022 走看看