George Wing 的学习笔记
{Name:"
George Wing
",Job:"F2E"}
首页
社区
新随笔
联系
订阅
管理
随笔-182 评论-144 文章-1 trackbacks-3
利用javascript脚本编程使元素与容器元素等高
问题:
父元素(Col)内有两个兄弟元素,分别命名为Col1和Col2
Col1或Col2中内容由服务端代码生成,高度不用CSS设定。如何做到使兄弟元素的高度为最多的那个元素的高度?
Javascript代码如下:
1
function
resizeHeight()
{
2
if
(
!
document.getElementsByTagName)
return
false
;
3
var
div
=
document.getElementsByTagName(
"
div
"
);
4
if
(
!
div)
return
false
;
5
for
(
var
i
=
0
;i
<
div.length;i
++
)
{
6
7
if
(div[i].parentNode.className.indexOf(
"
Col
"
)
!=
-
1
)
{
8
col
=
div[i].parentNode;
9
}
10
if
(div[i].className.indexOf(
"
Col1
"
)
!=
-
1
)
{
11
col1
=
div[i];
12
13
if
(col.offsetHeight
>
col1.offsetHeight)
{
14
col1.style.height
=
col.offsetHeight
+
"
px
"
;
15
}
16
else
{
17
col.style.height
=
col1.offsetHeight
+
"
px
"
;
18
}
19
}
20
else
if
(div[i].className.indexOf(
"
Col2
"
)
!=
-
1
)
{
21
col1
=
div[i];
22
23
if
(col.offsetHeight
>
col1.offsetHeight)
{
24
col1.style.height
=
col.offsetHeight
+
"
px
"
;
25
}
26
else
{
27
col.style.height
=
col1.offsetHeight
+
"
px
"
;
28
}
29
}
30
}
31
32
}
web文档中用 class 定义声明比用id定义声明更为通用。
绿色通道:
好文要顶
关注我
收藏该文
与我联系
posted on 2008-04-04 19:28
George Wing
阅读(273)
评论(0)
编辑
收藏
刷新评论列表
刷新页面
返回页首
发表评论
昵称:
[登录]
[注册]
主页:
邮箱:
(仅博主可见)
验证码:
看不清,换一个
评论内容:
登录
注册
[使用Ctrl+Enter键快速提交评论]
0
1085303
U2n8yaKiXSA=
首页
博问
闪存
新闻
园子
招聘
知识库
最新IT新闻
:
·
使用Google钱包的坏消息,root后的设备存在PIN码泄露隐患
·
Windows 8省电新招:挂起Metro应用
·
清华网络机器人可与人交流走红
·
苹果收紧Mac应用开发控制:限制调用摄像头
·
消息称苹果将于3月第一个星期发布下一代iPad
»
更多新闻...
最新知识库文章
:
·
如何学习一门新的编程语言?
·
学习不同编程语言的重要性
·
为什么我喜欢富于表达性的编程语言
·
计算机专业的女生为什么要学编程
·
前端必读:浏览器内部工作原理
»
更多知识库文章...
China-pub 2011秋季教材巡展
China-Pub 计算机绝版图书按需印刷服务
在 Buzz 上关注
昵称:
George Wing
园龄:
6年2个月
粉丝:
25
关注:
1
<
2008年4月
>
日
一
二
三
四
五
六
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
最新随笔
1. [公告]这儿就停止了
2. 折腾 JavaScript PC 模拟器
3. 用 rake 合并多个 JS 文件,并且用 Google Closure Compiler 压缩代码
4. HTML 5 就是 Web Application
5. JS程序员的一天
6. Google Map 类实例在类式继承中的实现
7. 写入 cookie 的过期时间时在GMT或UTC时间格式上的兼容问题
8. “当 HTML 5 来敲门”专题沙龙(上海)活动
9. PHP 的 Smarty 模板页中分离JS并避开literal标签的解决方法
10. Google Maps(Google 地图) V3 在 IE7 浏览器中拖放其容器时图块被覆盖的 bug
我的标签
javascript
(2)
CSS
(1)
SQL
(1)
项目实战
(1)
随笔分类
AJAX(9)
ASP.net(9)
C#与.NET框架(13)
CSS(34)
HTML(8)
JavaScript(68)
Programming(39)
Scheme(1)
数据库相关(7)
相册
湖南长沙
江苏古里
三月爬飘峰山
曾经奋斗过的团队-鼎立
照片
友链
army8735
CSS森林
NEOEase
豆豆猫的窝
国内CSS设计牛人
可乐加糖
汪彩文
最新评论