js获取表格中的元素id

最新推荐文章于 2023-08-16 13:08:59 发布

qingsf

最新推荐文章于 2023-08-16 13:08:59 发布

阅读量1.1k

点赞数

分类专栏： js应用文章标签： IE Safari Opera JavaScript HTML ViewUI

本文链接：https://blog.csdn.net/qsfwy/article/details/83261402

版权

js应用专栏收录该内容

41 篇文章 0 订阅

订阅专栏

先不废话代码如下:

Html代码

<html>
<head>
<script type="text/javascript" >
function init(){
var tab0=document.getElementById('tab0');
var tr1=document.getElementById('tr1');
var td3=document.getElementById('td3');
var idx_tr1=tr1.rowIndex;
var idx3= td3.cellIndex;
alert( tab0.tBodies[0].rows[idx_tr1].id + '\n'+ tr1.cells[idx3].id );
}
</script>
</head>
<body onload="init()">
<table id="tab0" border="1" width="300">
<tr id="tr0" style="display:none;"><td>.</td><td>.</td><td>.</td><td>.</td><td>.</td></tr>
<tr id="tr1">
<td id="td0">0</td>
<td id="td1">1</td>
<td id="td2" style="display:none;">2</td>
<td id="td3">3</td>
<td id="td4">4</td>
</tr>
</table>
</body>
</html>

运行后

ie里提示 tr1 td2

ff safari opera下都提示 tr1 和 td3

---------------------------------

总结: 也就是说在IE里 ,当table中有隐藏的td时 , cellIndex这个属性不再可靠.
但是当table中有隐藏的tr时 , rowIndex这个属性依然是可靠的.

ie里对 td 隐藏后的 ,在计算 cellIndex时会当作那个隐藏的td被移除了一样计算
但是 tr的cells集合内却并没有移除那个隐藏的td.

IE的做法实在是让人无语了

qingsf

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js获取表格中的元素id

先不废话代码如下:Html代码 &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" &gt; function init(){ var tab0=document.getElementById('tab0'); var tr1=document.getElement...
复制链接

扫一扫

专栏目录