JavaScript或者jQuery怎样获取一个隐藏元素的宽高？

怎样获取一个display：none的元素的宽高？

补充问题【按照以下代码测试】

<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <style type="text/css">
        .m1 {
            display: none;
            width: 500px;
            height: 500px;
            margin: 0px auto;
            border: 1px solid red;
        }
        
        .m2 {
            width: 50%;
            height: 5%;
            border: 1px solid red;
        }
    </style>
    <!-- 这里可以自行引用jQuery -->
    <script type="text/javascript" src="js/jquery-1.8.3/jquery.min.js"></script>
</head>

<body>
    <div id="m1" class="m1">
        <div id="m2" class="m2"></div>
    </div>
    <script type="text/javascript">
        console.log($('#m2').height());
    </script>
</body>

</html>

透明度也可以隐藏不影响高度

刚测试了下，jquery支持隐藏元素获取height和width

https://jsfiddle.net/9jor2mdr/1/

$(selector).height()

http://stackoverflow.com/ques... 之前在jquery>=1.4.4版本，在你描述的情况下也是能获取到height的

http://jsfiddle.net/GALc7/1/

// 1.4.4以下版本的解决方案，先设置visibility属性，让其占位
$('#m1').css({'visibility': 'hidden', 'display': 'block'});
console.log($('#m2').height());
$('#m1').css({'display': 'none'});

【热门文章】