js style动态设置table高度


Posted in Javascript onOctober 21, 2014

直接在table标签中设置下不就行了吗?这是静态的,如果要动态设置你会吗?

function com_onresize(){

var contentsHeight = document.body.clientHeight;
var buttonsHeight = document.getElementById( "buttons" ).offsetHeight;
var head1Height = document.getElementById( "head1" ).offsetHeight;
var head2Height = document.getElementById( "head2" ).offsetHeight;

var t1 = document.getElementById( "TableContainer1" ).style.height;
var t2 = document.getElementById( "TableContainer2" ).style.height;

//alert(document.getElementById( "TableContainer1" ).style.height);
var h = contentsHeight - buttonsHeight - head1Height - head2Height - 13;
if(h < 110){
return;
}
document.getElementById( "TableContainer1" ).style.height = h/2 + 'px';
document.getElementById( "TableContainer2" ).style.height = h/2 + 'px';
}
function com_sbs_pagesize(){
var screenHeight = window.screen.height;
  var availHeight = window.screen.availHeight;
  //alert(document.getElementById( "TableContainer1" ).children[0].rows.length);
  var index = document.getElementById( "TableContainer1" ).children[0].rows.length
  var buttonsHeight = document.getElementById( "buttons" ).offsetHeight;
var head1Height = document.getElementById( "head1" ).offsetHeight;
var head2Height = document.getElementById( "head2" ).offsetHeight;

  var mainH = buttonsHeight + head1Height +head2Height + 13;
  //20:scroll 35:title 25:tr
  while ((availHeight-mainH) < (20 + 35 + 25*index)*2)
{
 index = index - 1;
}
var tableHeight = 20 + 35 + 25*index;
  document.getElementById( "TableContainer1" ).style.height = tableHeight + 'px';
  document.getElementById( "TableContainer2" ).style.height = tableHeight + 'px';
  window.resizeTo(document.body.offsetWidth,mainH + tableHeight*2);
}
Javascript 相关文章推荐
jquery选择器(常用选择器说明)
Sep 28 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
Feb 02 Javascript
javascript浏览器兼容教程之事件处理
Jun 09 Javascript
jQuery中size()方法用法实例
Dec 27 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
AngularJS之自定义服务详解(factory、service、provider)
Apr 14 Javascript
jQuery手风琴的简单制作
May 12 jQuery
js统计页面上每个标签的数量实例代码
May 29 Javascript
详解js静态检查工具eslint配置文件
Nov 23 Javascript
如何为你的JS项目添加智能提示与类型检查详解
Mar 12 Javascript
浅谈Vue.set实际上是什么
Oct 17 Javascript
js读写json文件实例代码
Oct 21 #Javascript
一个JavaScript防止表单重复提交的实例
Oct 21 #Javascript
javascript Deferred和递归次数限制实例
Oct 21 #Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
Oct 21 #Javascript
jquery中post方法用法实例
Oct 21 #Javascript
js调试工具Console命令详解
Oct 21 #Javascript
JS中FRAME的操作问题实例分析
Oct 21 #Javascript
You might like
163的邮件用phpmailer发送(实例详解)
2013/06/24 PHP
php修改NetBeans默认字体的大小
2013/07/02 PHP
php导出CSV抽象类实例
2014/09/24 PHP
Yii使用migrate命令执行sql语句的方法
2016/03/15 PHP
php利用递归实现删除文件目录的方法
2016/09/23 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
js constructor的实际作用分析
2011/11/15 Javascript
jquery移动listbox的值原理及代码
2013/05/03 Javascript
jQuery中even选择器的定义和用法
2014/12/23 Javascript
javaScript中slice函数用法实例分析
2015/06/08 Javascript
jQuery获取当前点击的对象元素(实现代码)
2016/05/19 Javascript
jQuery EasyUI 入门必看
2016/06/03 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
2017/01/06 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
2017/03/25 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
原生JS实现瀑布流插件
2018/02/06 Javascript
浅谈vue项目可以从哪些方面进行优化
2018/05/05 Javascript
怎么使用javascript深度拷贝一个数组
2019/06/06 Javascript
js实现登录拖拽窗口
2020/02/10 Javascript
[02:05]2014DOTA2西雅图邀请赛 老队长全明星大猜想谁不服就按进显示器
2014/07/08 DOTA
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
在Python中使用SimpleParse模块进行解析的教程
2015/04/11 Python
python中管道用法入门实例
2015/06/04 Python
Python unittest单元测试框架实现参数化
2020/04/29 Python
python获取天气接口给指定微信好友发天气预报
2020/12/28 Python
Python plt 利用subplot 实现在一张画布同时画多张图
2021/02/26 Python
北欧最好的童装网上商店:Babyshop
2019/09/15 全球购物
总经理驾驶员岗位职责
2013/12/04 职场文书
反四风个人对照检查材料思想汇报
2014/09/25 职场文书
2014年干部作风建设总结
2014/10/23 职场文书
教师个人教学总结
2015/02/11 职场文书
巾帼建功标兵先进事迹材料
2016/02/29 职场文书
使用python求解迷宫问题的三种实现方法
2022/03/17 Python
nginx 配置指令之location使用详解
2022/05/25 Servers
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis