怎么用JS隐藏一个DIV层?

<script type="text/javascript">
function fuckie() {
document.getElementById("ie-hidden").display = "none";
}
</script>
自己写的,无效!

设置div对象的style.display属性为"none"即可隐藏该节点,设置属性为”block“可以显示之。实例演示如下:

1、HTML结构

<input type="button" value="隐藏" onclick="fun(this)">
<div id="test">我是一个DIV</div>

2、javascript代码

function fun(obj){
var div = document.getElementById("test");
if(obj.value=="隐藏"){
div.style.display = "none";
obj.value = "显示";
} else {
div.style.display = "block";
obj.value = "隐藏";
}
}

3、效果演示

温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-02-10
document.getElementById("ie-hidden").style.display = "none";
你那个没写完整 缺个style
fuckie名字起得不错追问

我style之后Chrome就报错

第2个回答  推荐于2017-10-03
<script type="text/javascript">
$(document).ready(function(){
$("#ie-hidden").hide();
});
</script>
直接这样就好了追问

搞定,谢谢!

$(document).ready(function(){
$("#ie-hidden").hide();
});

最后高呼一声,泥马万恶的IE!!!!

参考资料:

本回答被提问者采纳
第3个回答  2012-02-10
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白

style="visibility: none;"

document.getElementById("typediv1").style.visibility="hidden";//隐藏

document.getElementById("typediv1").style.visibility="visible";//显示

通过设置display属性可以使div隐藏后释放占用的页面空间,如下

style="display: none;"

document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显示

此JS代码中,没有用try——Catch捕获错误,代码如下:

<script language="javascript">
//创建一个showhidediv的方法,直接跟ID属性
function showhidediv(id){
var sbtitle=document.getElementById(id);
if(sbtitle){
if(sbtitle.style.display=='block'){
sbtitle.style.display='none';
}else{
sbtitle.style.display='block';
}
}
}
</script>
<div id="show" onMouseMove='showhidediv("msg")';>鼠标移动这里</div><!--这里是点击div,ID要下面的ID-->
<div id="msg" style="display:none;">出现显示的内容</div> <!--这里是MsgDiv-->

onMouseMove='showhidediv("msg")'; 这里是鼠标动作,可以替换成Click或其他!

再次升级,做两个层之间的切换:

<script language="javascript">
//创建一个showhidediv的方法,直接跟ID属性
function showhidediv(id){
var age=document.getElementById("msg_2");
var name=document.getElementById("msg_1");
if (id == 'name') {
if (name.style.display=='none') {
age.style.display='none';
name.style.display='block';
}
} else {
if (age.style.display=='none') {
name.style.display='none';
age.style.display='block';
}
}
}
</script>
<div id="show" style="float:left;" onMouseMove='showhidediv("name")';>Name:</div><div id="show" style="float:left;" onMouseMove='showhidediv("age")';>Age:</div>
<div id="msg_1" style="display:none;float:left;">林雨林</div>
<div id="msg_2" style="display:none;float:left;">18</div>
第4个回答  2012-02-10
你没有调用<script type="text/javascript">
function fuckie() {
document.getElementById("ie-hidden").display = "none";
}
fuckie();
</script>追问

我改用jQuery了,加上调用还是不行:

function fuckie() {
$(document).ready(function(){
$("#ie-hidden").css("display","none");
});
fuckie();

追答

xuliang5535 他回答的是对的

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网