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

热点内容
苹果升级系统白屏 浏览:136
三菱gxplc编程软件如何使用 浏览:710
海康威视手机app怎么看不了 浏览:482
wordpress下载中心插件 浏览:402
微信限制字数是多少 浏览:20
策划输出主要从哪些文件来 浏览:174
网络营销找什么工作 浏览:372
tcl匹配文件名的正则表达式 浏览:461
音频文件数据量为何8 浏览:534
有哪些分享学习的网站 浏览:174
小程序文件发到微信电脑如何打开 浏览:265
四星五星做号工具 浏览:920
qq邮箱怎么发送视频文件 浏览:453
能免费开店的网站有哪些 浏览:548
中国网络营销发展史 浏览:828
违法红头文件有哪些 浏览:43
浏览器单文件版 浏览:982
腾讯视频离线缓存文件 浏览:944
如何让教育过好网络关 浏览:906
新版本vk10001p 浏览:13

友情链接