导航:首页 > 编程语言 > 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相关的资料

热点内容
windows8网络连接 浏览:442
怎么快速增加qq群人数 浏览:919
锤子视频播放器文件不存在 浏览:707
苹果手机怎么清理app缓存 浏览:682
花园战争2豪华升级包 浏览:517
电脑无法向u盘传输文件 浏览:823
bpn配置文件 浏览:932
501完美越狱工具 浏览:119
中间夹菜单里面不能显示压缩文件 浏览:952
如何指导小学生参加编程比赛 浏览:275
物业的招标文件有哪些 浏览:452
保存游戏文件名非法或只读 浏览:258
js怎么做图片时钟 浏览:451
华为应用里面有了app说明什么 浏览:801
数据库中xy是什么意思 浏览:893
u盘打不开提示找不到应用程序 浏览:609
网站功能介绍怎么写 浏览:954
word在试图打开文件时错误 浏览:108
主板无vga插槽怎么连接编程器 浏览:521
录视频文件在哪里删除 浏览:881

友情链接