js控制容器的尺寸(如两列对自动对齐) - 小夕流的视觉思维笔记 - 博客大巴

<< 鸟巢第二次彩排烟火 | 首页 | 关于焦点 >>

js控制容器的尺寸(如两列对自动对齐)

日期：2008-08-12 | 分类：JavaScript/ActionScript
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
 http://80ok.blogbus.com/logs/27588963.html

可以用属性 clientHeight 或 clientWidth 得到对应该id的尺寸值.
注意给加上单位如+"px".
例:两列页面,左侧id="Left"高度最小高度为550px(min-height:550px),当右侧id="Right"高度>左侧高度时,左侧高度 = 右侧高度 - 30px (因为要左侧少于左侧一些哈),js如下
1. <script type="text/JavaScript">
2. var $=function(id) {
3. return document.getElementById(id);
4. }
5. //重新设置页面元素大小
6. function leftHeight(){
7. if ($('Right').clientHeight - 30 < 550){
8. $('Left').style.height = 550 +'px';
9. }$('Left').style.height = $('Right').clientHeight - 30 +'px';
10. }
11. </script>
历史上的今天：
高亮代码测试 2008-08-12
关于焦点 2008-08-12

随机文章：
js 控制图片大小 2007-12-06
iframe 父子间的js事件调用 2007-11-14
表单默认js 2007-08-02
倒记时跳转到指定页面 2007-07-20
TAB切换js 2007-06-07

收藏到：Del.icio.us
Tags：JavaScript 两列高度自动

发表于15:39:31 | 编辑 | 继续话题 | 转发 | 分享　0

引用地址：