如何用 js 獲取table 或者其他塊狀標簽的 寬和高


這個比較簡單,總體思想,標簽標記一個id,js獲取id,就能用它的屬性了。介紹兩種方法。請看下面代碼。

 

第一種

  1 <script>
  2 
  3 function width_table_all() {
  4           
  7             var tabl = document.getElementById("tabl").offsetWidth;
  8             alert(tabl);
 11         }183 </script>

這個是js的函數,offsetWidth是一個屬性。tabl是id,請看下面的table 里面的id

 1 <table id="tabl" width="100%"  height='80%' border='0' style='border-collapse: collapse' cellpadding='0' cellspacing='0' >
 2      <tr>
 3       <td colspan='3'><img src='pack_map/1.png' width='100%' height='100%'></td>
 4         
 5       </tr>
 6       <tr>
 7         <td id="td_1" align='left' valign="top" width='60%' height='20%'><img src='pack_map/2.jpg' width='100%' height='100%'></td>
 8         <td id="td_2"  align='left'  width='13%' ><img src='pack_map/5.jpg' width='100%' height='100%'></td>
 9         <td id="td_3"  align='left'  width='30%' ><img src='pack_map/4.jpg' width='100%' height='100%'></td> 
10       </tr>
11       <tr>
12         <td  align='left' width='50%' colspan='2'><img src='pack_map/8.jpg' width='100%' height='100%'></td>
13         <td  align='left' width='30%'  ><img src='pack_map/7.jpg' width='100%' height='100%'></td>
14      </tr>
15      <tr>
16         <td  id="td_4" align='left' width='60%' height='20%' ><img src='pack_map/3.jpg' width='100%' height='100%'></td>
17         <td  id="td_5" align='left' width='13%' ><img src='pack_map/6.jpg' width='100%' height='100%'></td>
18         <td  id="td_6" align='left' width='30%' ><img src='pack_map/3.png' width='100%' height='100%'></td>
19      </tr>
20  </table>

第二種

 

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

這種是可以特定的找到第幾行,第幾列的寬。

 

上面說的只是寬,對於其他屬性,顏色,高度,等等,都可以用這種方法獲取。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM