jquery 执行动画效果后,如何动态获取元素的宽度和高度

mako 发布于 2012/10/24 00:04
阅读 2K+
收藏 1

例子:

<div id="abc" style="height:30px">

    <div id="bc" style="height:1000px; display:none;">这个元素高度是1000,默认隐藏</div>

</div>

bc元素默认隐藏, 我现在在abc上加一个onclick事件, 单击后对bc元素进行显示, 问题就来了,如何获取显示后abc元素的真实高度, 或是获取html高度也行!!

加载中
0
Ryan-瑞恩
Ryan-瑞恩
function showHeight(ele, h) {
      $("div").text("The height for the " + ele + 
                    " is " + h + "px.");
    }
    $("#getp").click(function () { 
      showHeight("paragraph", $("p").height()); 
    });
    $("#getd").click(function () { 
      showHeight("document", $(document).height()); 
    });
    $("#getw").click(function () { 
      showHeight("window", $(window).height()); 
    });
返回顶部
顶部