JS获取DIV动态高度,并赋值到其style样式中
2014-08-16 00:52
459 查看
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS获取DIV动态高度,并赋值到其style样式中</title>
</head>
<script type="text/javascript">
function $(id){
return document.getElementById(id)
}
function getHeight() {
alert($("hidden").offsetHeight + "px");
$("pinglun").style.height=$("hidden").offsetHeight + "px";
}
window.onload = function() {
getHeight();
}
</script>
<style>
#hidden { width:100px; background:#99CC00; height:400px; float:left}
#pinglun { width:500px; height:auto; background:#FFCCCC; float:left; margin-left:5px;}
</style>
<body>
<div id="hidden">hidden</div>
<div id="pinglun" >评论数据载入中……</div>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS获取DIV动态高度,并赋值到其style样式中</title>
</head>
<script type="text/javascript">
function $(id){
return document.getElementById(id)
}
function getHeight() {
alert($("hidden").offsetHeight + "px");
$("pinglun").style.height=$("hidden").offsetHeight + "px";
}
window.onload = function() {
getHeight();
}
</script>
<style>
#hidden { width:100px; background:#99CC00; height:400px; float:left}
#pinglun { width:500px; height:auto; background:#FFCCCC; float:left; margin-left:5px;}
</style>
<body>
<div id="hidden">hidden</div>
<div id="pinglun" >评论数据载入中……</div>
</body>
</html>
相关文章推荐
- js获取页面高度赋值给div
- JS获取屏幕、浏览器、网页高度,宽度信息 定位div
- js 获取select的值 / js动态给select赋值
- jquery动态为个span,input,div,等标签赋值的方法总结,js动态隐藏div,
- js获取div高度的代码
- JS动态获取浏览器宽度和高度
- 获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
- 获取某div的高度,赋值给另一个div
- js获取dom对象style样式的值
- js 实现对Select动态赋值 C#从后台获取
- js动态获取图片的宽度和高度像素值
- js获取div高度
- js使用offsetHeight获取div高度为0的问题
- js 获取div里的值 2种方法给父窗口控件赋值和取值
- 获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
- (转)用js无法获取style样式的问题解析与解决方法
- 关于用js动态修改div样式
- 使用js改变DOM样式的三种方式 - 动态创建style标签
- js 动态获取图片的宽度和高度像素值
- js 获取div 图片高度