首页 > 代码库 > 如何用 js 获取table 或者其他块状标签的 宽和高
如何用 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;
这种是可以特定的找到第几行，第几列的宽。
上面说的只是宽，对于其他属性，颜色，高度，等等，都可以用这种方法获取。
如何用 js 获取table 或者其他块状标签的 宽和高
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。