导航:首页 > 编程语言 > js点击空白隐藏div

js点击空白隐藏div

发布时间:2023-11-13 01:20:06

js点击按钮显示再点击空白地方隐藏

可以参考这个!


document.onclick=function(){

//隐藏层代码

};

div.onclick=function(oEvent){

//取消冒泡

oEvent=oEvent||window.event;

if(document.all){

oEvent.cancelBubble=true;

}else{

oEvent.stopPropagation();

}

};


㈡ 求助大神js 点击显示下拉菜单,点击空白处隐藏

可以抄参考这个!

document.onclick = function(){
//隐藏层代码
};

div.onclick = function(oEvent){
//取消冒泡
oEvent = oEvent || window.event;
if(document.all){
oEvent.cancelBubble = true;
}else{
oEvent.stopPropagation();
}
};

㈢ 怎么用JS隐藏一个DIV层

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

1、HTML结构

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

2、javascript代码

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

3、效果演示

㈣ js中怎么控制一个标签的显示与隐藏

利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

方法一:

document.getElementById("EleId").style.visibility="hidden";'设置EleId标签隐藏
document.getElementById("EleId").style.visibility="visible";设置EleId标签显示

利用上述方法实现隐藏后,页面的位置还被控件占用,显示空白。

定义和用法

visibility 属性设置元素是否可见。


方法二:

document.getElementById("EleId").style.display="none";设置EleId标签隐藏
document.getElementById("EleId").style.display="inline";设置EleId标签显示

利用上述方法实现隐藏后,页面的位置不被占用。

定义和用法

display 属性设置元素如何显示。

阅读全文

与js点击空白隐藏div相关的资料

热点内容
杂志版本号是什么意思 浏览:223
地图特效代码 浏览:192
去除思科配置文件中的号 浏览:196
运行的16位程序太多 浏览:1
苹果mac用什么软件好学编程 浏览:681
ai中线段怎么添加宽度配置文件 浏览:956
lol文件怎么找不到game 浏览:142
aecc视频教程 浏览:983
linux怎么查看数据库用户名 浏览:182
cefs文件系统 浏览:404
学平面设计个编程哪个好 浏览:701
如何把编程文件转为hex 浏览:80
清除苹果地图来自地址 浏览:233
已经打开的文件如何清理 浏览:685
视频网站有什么用 浏览:70
多个表格文件怎样压缩文件 浏览:729
cad文件大很卡如何解决 浏览:633
将java程序打包成apk 浏览:277
2021唱吧文件找不到了 浏览:463
华为p9手机文件管理 浏览:284

友情链接