在不久前的项目中,涉及到一个表格数据展示在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>
点击相应的td会返回对应的索引0,1,2,3。
TD索引为:
问题是在IE某些低版本的浏览器下,返回的索引会不一致。
目前解决办法:
(1)效率比较低的办法是通过遍历单元格添加对应的索引属性。
(2)暂未想到