计算表格高度和页面高度的问题

Derekwong 2010-05-11 10:44:18
<table></table>

问题:计算出当前表格的高度,和当前页面的高度,然后对比

当表格高度 > 页面高度时 表格的宽度等于99% <table width="99%"></table>

当表格高度 < 页面高度时 表格的宽度等于100% <table width="100%"></table>

请问这个应该怎么写,谢谢。
...全文
48 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
passself 2010-05-11
  • 打赏
  • 举报
回复

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hello</title>

</head>

<body>
<table id="table" width="1000" border="1" height="900">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

</body>
</html>
<script>
var body_height =document.body.clientHeight;
var table_height = document.getElementById("table").clientHeight;
alert("body_height"+body_height+"ssssss" + table_height)
if(body_height>table_height){
document.getElementById("table").style.width = "100%";
}else{
document.getElementById("table").style.width = "99%";
}
</script>

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧