试试这个属性吧， visibility:hidden
使用visibility:hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。也即是说它仍具有高度、宽度等属性值
windowonresize=function(){ //窗口变化事件
var h = documentdocumentElementclientHeight;//获取页面可见高度
if(h<好多){
//你要干啥子 。
}
}
javascript获取div的class中设置的宽高度：
高度（offsetHeight）：
<head><title>用js获取div的高度</title></head><style type="text/css">
#box{border:1px solid #ff0000;width:200px; }
</style>
<script language="javascript">
function jj(){
var pp=documentgetElementById("box")offsetHeight;
alert(pp);
}
</script>
<body>
<div id="box">
<p>段落内容</p><p>段落内容</p>
<input type="button" onclick="jj();" value="click">
</div>
</body>
宽度（offsetWidth）：
<head><title>用js获取div的高度</title></head><style type="text/css">
#box{border:1px solid #ff0000;width:200px; }
</style>
<script language="javascript">
function jj(){
var pp=documentgetElementById("box")offsetWidth;
alert(pp);
}
</script>
<body>
<div id="box">
<p>段落内容</p><p>段落内容</p>
<input type="button" onclick="jj();" value="click">
</div>
</body>
设置div对象的styledisplay属性为"none"即可隐藏该节点，设置属性为”block“可以显示之。实例演示如下：
1、HTML结构
<input type="button" value="隐藏" onclick="fun(this)"><div id="test">我是一个DIV</div>
2、javascript代码
function fun(obj){var div = documentgetElementById("test");
if(objvalue=="隐藏"){
divstyledisplay = "none";
objvalue = "显示";
} else {
divstyledisplay = "block";
objvalue = "隐藏";
}
}
3、效果演示
使用JavaScript控制div的显示隐藏，通常是修改div元素的display为none。
display属性 定义和用法
display 属性规定元素应该生成的框的类型。
display属性 可能的值
JavaScript控制div的隐藏
比如我们有一个id为div1的div元素
<div id="div1"></div>隐藏，代码如下
documentgetElementById("div1")styledisplay="none";显示，代码如下
documentgetElementById("div1")styledisplay="block";其他方式
除了修改display,还可以通过修改元素的宽度和高度为零实现隐藏效果。
那只能是设个全局变量了
如
var nowDiv;
在显示一个div的时候判断一个nowDiv是否为null,如果不为null就调用
nowDivstyledisplay = 'none';隐藏div
然后再将当前要显示的div对像赋值给nowDiv等待下次显示其它div时调用隐藏
以上就是关于js如何获取隐藏div中子div的宽度全部的内容，包括:js如何获取隐藏div中子div的宽度、用js实现，分辨率小到一定程度，隐藏整个div，求大神讲解、javascript如何获取div的class中设置的宽高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）