使用JavaScript控制div的显示隐藏,通常是修改div元素的display为none。
display属性 定义和用法
display 属性规定元素应该生成的框的类型。
display属性 可能的值
JavaScript控制div的隐藏
比如我们有一个id为div1的div元素
<div id="div1"></div>隐藏,代码如下
document.getElementById("div1").style.display="none"显示,代码如下
document.getElementById("div1").style.display="block"其他方式
除了修改display,还可以通过修改元素的宽度和高度为零实现隐藏效果。
如果点击某个div层置顶显示的话
需要用到Z-index 值
而使用zIndex值 就必须对元素进行绝对定位
可以用如下方法 让被点击的层置顶
//创建一个公共Z值var z=999
//然后获取所有div
var aDiv=document.getElementsByTagName('div')
//遍历元素
for(var i=0i<aDiv.lengthi++){
//添加事件
aDiv[i].onclick=function(){
//控制当前点击的div每次点击就z++
//比如这次点击了z值到了1000
//然后下一个div点击的时候
//把这个值赋给他 然后他还++一次 变成1001
//这样那个又是最高的了
this.style.zIndex=z++
}
}