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编写COM组件的步骤
Mar 17 Javascript
jqueyr判断checkbox组的选中(示例代码)
Nov 08 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
May 14 Javascript
Window.Open如何在同一个标签页打开
Jun 20 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
Sep 22 Javascript
Js调用Java方法并互相传参的简单实例
Aug 11 Javascript
D3.js实现饼状图的方法详解
Sep 21 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
Oct 30 Javascript
AngularJS变量及过滤器Filter用法分析
Nov 22 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
Feb 22 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
详解vue中v-bind:style效果的自定义指令
Jan 21 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 操作文件的一些FAQ总结
2009/02/12 PHP
PHP开发的一些注意点总结
2010/10/12 PHP
php实现的美国50个州选择列表实例
2015/04/20 PHP
PHP使用内置函数生成图片的方法详解
2016/05/09 PHP
非常好的js代码
2006/06/27 Javascript
jQuery的12招常用技巧分享
2011/08/08 Javascript
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
2013/12/04 Javascript
javascript中取前n天日期的两种方法分享
2014/01/26 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
JavaScript File API实现文件上传预览
2016/02/02 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
webpack独立打包和缓存处理详解
2017/04/03 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
2017/05/07 Javascript
vue mint-ui学习笔记之picker的使用
2017/10/11 Javascript
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
详解使用JWT实现单点登录(完全跨域方案)
2019/08/02 Javascript
JS写滑稽笑脸运动效果
2020/05/28 Javascript
webpack4从0搭建组件库的实现
2020/11/29 Javascript
[05:46]2018完美盛典-《同梦共竞》
2018/12/17 DOTA
Python中使用装饰器来优化尾递归的示例
2016/06/18 Python
详解 Python 与文件对象共事的实例
2017/09/11 Python
Python闭包执行时值的传递方式实例分析
2018/06/04 Python
如何用Python来理一理红楼梦里的那些关系
2019/08/14 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
Python3如何使用tabulate打印数据
2020/09/25 Python
Pytorch 图像变换函数集合小结
2021/02/01 Python
英国工艺品购物网站:Minerva Crafts
2018/01/29 全球购物
西班牙手机之家:Phone House
2018/10/18 全球购物
美国眼镜在线零售商:Dualens
2019/12/07 全球购物
Pandora西班牙官方商店:PandoraShop.es
2020/10/05 全球购物
2014年党员自我评议(5篇)
2014/09/12 职场文书
欠条格式范本
2015/07/03 职场文书
导游词之山东八仙过海景区
2019/11/11 职场文书
如何在pycharm中快捷安装pip命令(如pygame)
2021/05/31 Python
springcloud之Feign超时问题的解决
2021/06/24 Java/Android