這個比較簡單,總體思想,標簽標記一個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;
這種是可以特定的找到第幾行,第幾列的寬。
上面說的只是寬,對於其他屬性,顏色,高度,等等,都可以用這種方法獲取。
