先把它display='block',然后再取高度,再display='none';
如果最初DIV的display就是none的话,浏览器是不会渲染该对象的,换句话说,浏览器并没有解析里面的内容,所以浏览器自己也不知道该DIV的高
请采纳答案，支持我一下。
需要先 找到这个元素
$('div')css('display') === 'none' // 返回布尔值 进行判断// 因为display是css 属性 所以用jquery 的css 方法
// 如果判断的属性是元素属性， 比如 disabled 或者 checked 等 要用prop 或者attr
这种事推荐使用Javascript做
试试这个代码
<!--
使用div实现简单选项卡
-->
<!DOCTYPE html>
<html>
<head>
<title>HTML实现简单选项卡</title>
<meta charset="utf-8">
<style type="text/css">
sli-active{
color: yellow !important;
}
sli-btn{
background:linear-gradient(to right,black,rgb(10,15,10));
color: white;
width: 100px;
height: 20px;
display: inline-block;
}
btns{
background:linear-gradient(to right,black,grey);
display: flex;
height: 20px;
}
sli-info{
background:linear-gradient(to right,black,grey);
color: white;
}
{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<!-- 按钮div(用户点击的) -->
<div class="btns">
<div id="btn_1" class="sli-btn sli-active">一号</div>
<div id="btn_2" class="sli-btn">二号</div>
</div>
<!-- 内容div(实际展示信息的) -->
<div id="info1" class=sli-info>
一号按钮对应的信息
</div>
<div id="info2" style="display: none;" class=sli-info>
二号按钮对应的信息
</div>
<!-- javascript脚本 -->
<script type="text/javascript">
//获取所有元素(div)
var btn1 = documentgetElementById('btn_1');
var btn2 = documentgetElementById('btn_2');
var info1 = documentgetElementById('info1');
var info2 = documentgetElementById('info2');
//绑定事件句柄(通俗来讲就是叫浏览器知道当用户点击按钮的时候执行什么)
//一号按钮被按下(为了支持触摸以及鼠标设备，同时绑定onclick(点击)和ontouchstart(手放在屏幕上))
btn1addEventListener("click",function(){
//显示信息1，隐藏信息2
info2styledisplay="none";
info1styledisplay="block"
//更改按钮视觉效果
btn2className="sli-btn";
btn1className="sli-active sli-btn";
});
btn1addEventListener("touchstart",function(){
//显示信息1，隐藏信息2
info2styledisplay="none";
info1styledisplay="block"
//更改按钮视觉效果
btn2className="sli-btn";
btn1className="sli-active sli-btn";
})
//二号按钮被按下(为了支持触摸以及鼠标设备，同时绑定onclick(点击)和ontouchstart(手放在屏幕上))
btn2addEventListener("click",function(){
//显示信息2，隐藏信息1
info1styledisplay="none";
info2styledisplay="block";
//更改按钮视觉效果
btn1className="sli-btn";
btn2className="sli-active sli-btn";
});
btn2addEventListener("touchstart",function(){
//显示信息2，隐藏信息1
info1styledisplay="none";
info2styledisplay="block";
//更改按钮视觉效果
btn2className="sli-btn";
btn2className="sli-active sli-btn";
})
</script>
</body>
</html>
jQuery可以用可见性“:hidden”查找“display:none”的元素。
1、新家html文档，在head标签中引入本地jQuery文件，也可以引入cdn文件：
2、在body标签中添加一些列表，其中部分列表的样式设置为“display:none”：
3、添加js代码“$('li:hidden')”，这时网页将会把所有包含“display:none”属性的列表都进行输出：
以上就是关于请问JS怎么获取隐藏div的高度，div设置为display=“none”。谢谢全部的内容，包括:请问JS怎么获取隐藏div的高度，div设置为display=“none”。谢谢、用JQuery判断一个元素的display属性是不是none怎么写、在html中用display怎么实现这个功能等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）