JS判断DIV是否是隐藏或显示

JS判断DIV是否是隐藏或显示,第1张

,有时要用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的滚动条,或者怎么隐藏掉等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9316275.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存