手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js style动态设置table高度
js style动态设置table高度
摘要:直接在table标签中设置下不就行了吗?这是静态的,如果要动态设置你会吗?functioncom_onresize(){varcontent...

直接在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); }

【js style动态设置table高度】相关文章:

动态加载iframe

javascript动态设置样式style实例分析

javascript基于DOM实现省市级联下拉框的方法

js动态创建及移除div的方法

Java开发者都该知道的提高效率的工具

jquery实现动态改变div宽度和高度

简述JavaScript中正则表达式的使用方法

javascript实现删除前弹出确认框

javascript实现table表格隔行变色的方法

表格轮换显示 强

精品推荐
分类导航