如何用 js 获取table 或者其他块状标签的宽和高

这个比较简单，总体思想，标签标记一个id，js获取id，就能用它的属性了。介绍两种方法。请看下面代码。

第一种

 <script>

 function width_table_all() {

             var tabl = document.getElementById("tabl").offsetWidth;

             alert(tabl);

         } </script>

这个是js的函数，offsetWidth是一个属性。tabl是id，请看下面的table 里面的id

 <table id="tabl" width="100%"  height='80%' border='0' style='border-collapse: collapse' cellpadding='0' cellspacing='0' >

      <tr>

       <td colspan='3'><img src='pack_map/1.png' width='100%' height='100%'></td>

       </tr>

       <tr>

         <td id="td_1" align='left' valign="top" width='60%' height='20%'><img src='pack_map/2.jpg' width='100%' height='100%'></td>

         <td id="td_2"  align='left'  width='13%' ><img src='pack_map/5.jpg' width='100%' height='100%'></td>

         <td id="td_3"  align='left'  width='30%' ><img src='pack_map/4.jpg' width='100%' height='100%'></td>

       </tr>

       <tr>

         <td  align='left' width='50%' colspan='2'><img src='pack_map/8.jpg' width='100%' height='100%'></td>

         <td  align='left' width='30%'  ><img src='pack_map/7.jpg' width='100%' height='100%'></td>

      </tr>

      <tr>

         <td  id="td_4" align='left' width='60%' height='20%' ><img src='pack_map/3.jpg' width='100%' height='100%'></td>

         <td  id="td_5" align='left' width='13%' ><img src='pack_map/6.jpg' width='100%' height='100%'></td>

         <td  id="td_6" align='left' width='30%' ><img src='pack_map/3.png' width='100%' height='100%'></td>

      </tr>

  </table>

第二种

 var tabl = document.getElementById("tabl").rows[0].cells[0].offsetWidth;

这种是可以特定的找到第几行，第几列的宽。

上面说的只是宽，对于其他属性，颜色，高度，等等，都可以用这种方法获取。

巴特西

如何用 js 获取table 或者其他块状标签的宽和高

最新文章

热门文章

巴特西

如何用 js 获取table 或者其他块状标签的 宽和高

最新文章

热门文章

如何用 js 获取table 或者其他块状标签的宽和高