html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

js style动态设置table高度_javascript技巧_

[ ] 已经帮助:人解决问题

直接在table标签中设置下不就行了吗?这是静态的,如果要动态设置你会吗?NU2HTML5中文学习网 - HTML5先行者学习网

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);} 
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助