gpt4 book ai didi

javascript - 如何找到显示为无的 HTML 元素的实际高度或宽度

转载 作者:行者123 更新时间:2023-11-28 03:24:03 25 4
gpt4 key购买 nike

<分区>

我的 Web 应用程序中的某些元素没有显示,我希望找到它们的实际高度来进行一些计算。我正在使用 jquery 1.6 库来查找高度,但它返回的隐藏元素的高度和宽度值不正确,以百分比表示。这是相同的 jsfiddle 示例:http://jsfiddle.net/LT9fU/谁能建议找到隐藏 HTML 元素尺寸的正确方法。

这里是jsfiddle的例子供引用

HTML:

<body>
<div class="wrapper">
<div class="vsbl"></div>
<div class="hdn"></div>
</div>

CSS:

.wrapper{
height:300px;
width:300px;
border:1px solid black
}
.vsbl,.hdn{
height:100px;
width:70%;
margin:10px;
border:1px solid black;
}
.hdn{
display:none;
}

Javascript:

$().ready(function(){
var content = "";
content += $(".vsbl").width() + "<br>";
content += $(".hdn").width();
document.body.innerHTML += content;
});

我得到的输出是可见 block 为 210,隐藏 block 为 392。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com