点击按钮弹出一个div，再点击按钮或点击其他区域关闭该div，javascript代码如何实现？

JavaScript013

点击按钮弹出一个div，再点击按钮或点击其他区域关闭该div，javascript代码如何实现？,第1张

var 按钮=document...\x0d\x0avar div=document....\x0d\x0a\x0d\x0a//点击按钮弹出div 在点击按钮关闭该div \x0d\x0a按钮.onclick=function()\x0d\x0a{\x0d\x0aif(div.style.display=="none")\x0d\x0a{\x0d\x0adiv.style.display="block"\x0d\x0a}\x0d\x0aelse\x0d\x0a{\x0d\x0adiv.style.display="none"\x0d\x0a}\x0d\x0a}\x0d\x0a\x0d\x0a//点击其他地方关闭div\x0d\x0adocument.onclick=function()\x0d\x0a{\x0d\x0adiv.style.display="none"\x0d\x0a}\x0d\x0a\x0d\x0a//为了防止点击div 也关闭div 所以这里要防止冒泡\x0d\x0adiv.onclick=function()\x0d\x0a{\x0d\x0areturn false\x0d\x0a}\x0d\x0a\x0d\x0a希望对你有所帮助

在button

的

onclick事件中添加如下代码：

if(document.getElememtById('oDiv').style.display

==

'block'){

//oDiv

为

需要打开的DIV层的ID

//判断其css

的

display

是否为

block，如果是，证明该div正在显示，需要隐藏

document.getElememtById('oDiv').style.display

=

none

//隐藏

}else{

//如果不是block证明该div正在隐藏，需要显示

document.getElememtById('oDiv').style.display

=

'block'

//显示

}