
,有时要用js获取div是display="none" 或是显示的情况<div id="div1" style="display: none; width: auto; height: auto;"</div这段代码是标记了一个隐藏的div,通常在满足某些条件下才会让它显示出来,但是有的时候事情并不总是这么简单,或许还要事先知道它是否已经显示出来了才能做进一步的 *** 作,这时候可以使用js做个简单的判断:var o =documentgetElementById("div1")styledisplay;if(o=="none") //已经是隐藏状态{documentgetElementById("div1")innerHTML = ""; //div要显示的内容documentgetElementById("div1")styledisplay = ""; //使之可见}else{documentgetElementById("div1")innerHTML = ""; //div要显示的内容documentgetElementById("div1")styledisplay = "none"; //使之不可见}(function(w, d, g, J) { var e = Jstringify Jencode; d[g] = d[g] {};d[g]['showValidImages'] = d[g]['showValidImages'] function() {
让一个div显示一个div隐藏的方法如下(代码的规格写法只能这样):
1、HTML代码如下:
<body>
<ul class="point">
<li><a href="#">menu0</a></li>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
<li><a href="#">menu4</a></li>
<li><a href="#">menu5</a></li>
<li><a href="#">menu6</a></li>
<li><a href="#">menu7</a></li>
</ul>
<div class="box">
<div class="con0">d0</div>
<div class="con1">d1</div>
<div class="con2">d2</div>
<div class="con3">d3</div>
<div class="con4">d4</div>
<div class="con5">d5</div>
<div class="con6">d6</div>
<div class="con7">d7</div>
</div>
</body>
2、CSS代码:
point{
float: left;
list-style: none;
}
point li{
margin-bottom: 10px;
}
box{
float: right;
margin-right: 500px;
}
box div{
width: 500px;
height: 200px;
border: 1px solid green;
display: none;
}
box con0{
display: block;
}
3、Javascript代码:
$(document)ready(function(){
$("point li a")click(function(){
var order = $("point li a")index(this);//点击之后可以返回当前a标签index的值
$("con" + order)show()siblings("div")hide();
});
})
var h1 = $(window)height();
$(documentbody)css({"height": h1 -"50" });
$(document)css({"overflow":"hidden"});
这个应该可以吧
你的功能是可以实现的
1)首先,你要获得到这个div对象。obj
2)获得到div对象之后,可以使用 objcss("display","none");
3)获obj对象的方法很多。
可以通过这个div的父标签或者兄弟标签来获取到。
这个可以参考>
以上就是关于JS判断DIV是否是隐藏或显示全部的内容,包括:JS判断DIV是否是隐藏或显示、怎么让一个div显示一个div隐藏、jquery怎么获取div的滚动条,或者怎么隐藏掉等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)