js 动态获取样式表中的属性

来源：互联网发布：多益网络待遇编辑：程序博客网时间：2024/05/09 15:38

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <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";
    $("pinglun").style.width=$("hidden").offsetWidth + "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>
    <input type="button" id="test" value="搜索" onClick="getHeight()"/>
    </body>
    </html>

js 动态获取 样式表中 的属性

js 动态获取样式表中的属性