js获取表格中的元素id

先不废话 代码如下:

Html代码 复制代码
  1. <html>  
  2.  <head>  
  3. <script type="text/javascript" >  
  4.   
  5. function init(){   
  6.   
  7. var tab0=document.getElementById('tab0');   
  8.   
  9.     var tr1=document.getElementById('tr1');   
  10.   
  11.     var td3=document.getElementById('td3');   
  12.   
  13.     var idx_tr1=tr1.rowIndex;   
  14.   
  15.     var idx3td3.cellIndex;   
  16.   
  17.   
  18.   
  19.     alert( tab0.tBodies[0].rows[idx_tr1].id  + '\n'+ tr1.cells[idx3].id );   
  20.   
  21. }   
  22. </script>  
  23.  </head>  
  24.  <body onload="init()">  
  25.   <table id="tab0" border="1" width="300">  
  26.   <tr id="tr0" style="display:none;"><td>.</td><td>.</td><td>.</td><td>.</td><td>.</td></tr>  
  27.   <tr id="tr1">  
  28.     <td id="td0">0</td>  
  29.     <td id="td1">1</td>  
  30.     <td id="td2" style="display:none;">2</td>  
  31.     <td id="td3">3</td>  
  32.     <td id="td4">4</td>  
  33.   </tr>  
  34.   </table>  
  35.  </body>  
  36. </html>  




运行后

ie里提示 tr1 td2

ff safari opera下都提示 tr1 和 td3

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

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

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

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

你可能感兴趣的:(JavaScript,html,IE,Opera,Safari)