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 相关文章推荐
JavaScript操作XML 使用百度RSS作为新闻源示例
Feb 17 Javascript
jquery数组之存放checkbox全选值示例代码
Dec 20 Javascript
js和jquery使按钮失效为不可用状态的方法
Jan 26 Javascript
jQuery切换所有复选框选中状态的方法
Jul 02 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
Mar 28 Javascript
谈谈JavaScript中的几种借用方法
Aug 09 Javascript
使用Ajax与服务器(JSON)通信实例
Nov 04 Javascript
你应该知道的几类npm依赖包管理详解
Oct 06 Javascript
你可能不知道的CORS跨域资源共享
Mar 13 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
JavaScript计算正方形面积
Nov 26 Javascript
详解用js代码触发dom事件的实现方案
Jun 10 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
三个类概括PHP的五种设计模式
2012/09/05 PHP
比较strtr, str_replace和preg_replace三个函数的效率
2013/06/26 PHP
ThinkPHP令牌验证实例
2014/06/18 PHP
PHP实现恶意DDOS攻击避免带宽占用问题方法
2015/05/27 PHP
PHP中PDO连接数据库中各种DNS设置方法小结
2016/05/13 PHP
magento后台无法登录解决办法的两种方法
2016/12/09 PHP
PHP使用DOM对XML解析处理操作示例
2019/07/04 PHP
Javascript 强制类型转换函数
2009/05/17 Javascript
js中键盘事件实例简析
2015/01/10 Javascript
jquery+html5制作超酷的圆盘时钟表
2015/04/14 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
jQuery的框架介绍
2016/05/11 Javascript
Jquery获取第一个子元素简单实例
2016/06/02 Javascript
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
javascript+Canvas实现画板功能
2020/06/23 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
Element Card 卡片的具体使用
2020/07/26 Javascript
Javascript如何递归遍历本地文件夹
2020/08/06 Javascript
[02:33]2014DOTA2 TI每日综述 LGD涉险晋级DK闯入胜者组
2014/07/14 DOTA
python遍历类中所有成员的方法
2015/03/18 Python
Python求均值,方差,标准差的实例
2019/06/29 Python
pandas和spark dataframe互相转换实例详解
2020/02/18 Python
Python基于进程池实现多进程过程解析
2020/04/30 Python
django admin 根据choice字段选择的不同来显示不同的页面方式
2020/05/13 Python
python + selenium 刷B站播放量的实例代码
2020/06/12 Python
Python高阶函数与装饰器函数的深入讲解
2020/11/10 Python
基于Jquery和Css3代码制作可以缩放的搜索框
2015/11/19 HTML / CSS
英国最大的老式糖果店:A Quarter Of
2017/04/08 全球购物
世界上最大的专业美容用品零售商:Sally Beauty
2017/07/02 全球购物
英国电器零售商:PRC Direct
2018/06/21 全球购物
可持续未来的时尚基础:Alternative Apparel
2019/05/06 全球购物
幼儿园教师国培感言
2014/02/02 职场文书
学校师德师风自我剖析材料
2014/09/29 职场文书
四风自我剖析材料
2014/09/30 职场文书
个人工作保证书
2015/02/28 职场文书
2015年驾驶员工作总结
2015/04/29 职场文书