请问JS怎么获取隐藏div的高度，div设置为display=“none”。谢谢

如题所述

推荐答案 2014-09-03

先把它display='block',然后再取高度,再display='none';
如果最初DIV的display就是none的话,浏览器是不会渲染该对象的,换句话说,浏览器并没有解析里面的内容,所以浏览器自己也不知道该DIV的高.
请采纳答案，支持我一下。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/CXXS6IhXfIS6TIhfTS6.html

其他回答

第1个回答推荐于2017-11-26

<html xmlns="

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="testDiv" style="display:none;height:200px">test</div>
</body>
<script>
var testDiv=document.getElementById("testDiv");

if(testDiv){
testDiv.style.display="none";
console.log(testDiv.style.height);
}
</script>
</html>

追问

就是获取不到隐藏div里面的高度

追答

你这个直接display了，加载的时候没渲染，就不占位了，取不到高度，你要用visibility，改为这样就可以了

你两个属性应该是没区分开

追问

如何设置了 style="visibility:hidden"是可以了。但是怎么把它显示出来啊

追答

js控制
document.getElementById('p2').style.visibility="visible";

本回答被提问者采纳

相似回答

怎么用js显示隐藏div答：1、首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。2、添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。3、接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，...

js控制div的显示和隐藏答：JavaScript控制div的隐藏 比如我们有一个id为div1的div元素 <div id="div1"></div>隐藏，代码如下 document.getElementById("div1").style.display="none";显示，代码如下 document.getElementById("div1").style.display="block";其他方式除了修改display,还可以通过修改元素的宽度和高度为零实现...