利用JS实现表格设置为“100%”时获取表格的宽度

2012/10/30 15:40:31作者：佚名来源：网络

移动端

【实例名称】

JS代码实现表格设置为“100%”时获取表格的宽度

【实例描述】

为了控制表格的单元格不被撑破，通常使用百分比的形式设置表格的宽度，如“width=70%”本例学习如何在表格设置为百分比宽度时，获取表格的实际宽度。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
<script LANGUAGE="JavaScript">
function getWidth()
{ 
   var tbl=event.srcElement;   
//获取表格对象
   tbl.innerText=tbl.offsetWidth+'px'; 
//返回表格对象的实际宽度
}
</script>
</head>
<body>
<table width="100%"  height="100" border="1" 
cellpadding="0" cellspacing="0" >
  <tr>
    <td id="tbl1" onMouseOver="getWidth()">光标移过来</td> 
<td id="tbl2" onMouseOver="getWidth()">光标移过来</td>
  </tr>
</table></body>
</html>

【运行效果】

运行效果