获取方法:1、引入jquery文件;2、使用“$(“#id值”)”语句根据指定id值获取隐藏元素对象;3、使用“元素对象.height()”语句来元素地牢隐藏房间获取隐藏元素的高度。

本教程操作环境:windows7系元素萨隐藏外观统、javascript1.8.5&&jqu元素地牢隐藏角色ery3.1.0版、Dell G3电脑。

首先,正常情况下,确保div是有高度的。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<titjquery是干什么的le>Document</title&元素地牢隐藏房间gt;
<script src="https://www.phjquery是干什么的p.cn/jquery-3.1.0.min.js" type="text/javascript"></script>
</head>
<body>
<div id="div">
<div id="divsu隐藏元素的方法b">
子div内容,需要获取我的高度
</div>
</div>
</b元素地牢隐藏ody>jquery基础知识
<script type="text/javascript">
console.log($("#div").height())  //21
console.log($("#divsub").height()) //元素地牢隐藏大佬21
&jquery是干什么的lt;/script>
</html>

1.png

当我们在ijavascript浏览器d为div的元素上加了 style="displajavascript数据类型y:none;" 之后,重新运行代码,结果如下:

2.png

可以看到,父jquery是干什么的div能正常获取值,而子div已经获取不到高度了。

当我们把 style="display:none;" 改成 style="visibility: hidden;" 后,仍能够正常获取。但是div的位置还在。

3.png

于是,就有了下面的解决方案,使用visibility隐藏,然后把div移到屏幕之外看不见的地元素地牢隐藏大佬方就可以了。

<!DOCTYPE html&gjquerymobile实例网站t;
<html>
<head>
<meta charset="UTF隐藏元素的方法-8">
<title>Document</title>
&javascript数据类型lt;script src="https://www.php.cn/jquery-3.1.0.min.js" tjavascript浏览器ype="t元素方尖隐藏装备ext/javascript"></script>
</head>
<body>
<div id="div">
<div id="divjquery rotate apisub">
子div内容,需要获取隐藏页面元素我的高度
</div>
</div>
&ljavascript是干什么的t;/body>
<script type="text/javascript">
console.log($("#div").heighjquery面试题t())
console.log($("#djavascript数据类型ivsub").height())
</script>
</html>

【推荐学习:javascript高级教程】

以上就是javascript怎么获取隐藏元素的高度的详细内容,更多内容请关注素材库中知识库其他相关文章

© 版权声明
评论 抢沙发
  • Miraitowa的头像-素材库

    昵称

  • 取消
    昵称表情代码图片