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

热点内容
app怎么查看流量用在什么网站 浏览:684
为什么sns文件找不到 浏览:671
解压cad提示文件破损 浏览:249
如何对图片加密文件名 浏览:410
数据管理库系统软件有哪些 浏览:861
苹果7如何打开软件网络连接 浏览:831
手机图片加入文件管理 浏览:718
pp助手210历史版本 浏览:259
摄像头都有哪些app 浏览:303
macos如何删除文件 浏览:150
大厂用什么语言编程 浏览:714
万户网络应对大并发用户访问解决方案 浏览:515
日常生活中常见的数据有哪些 浏览:19
无线网络如何设置固定ip 浏览:789
编程你们用哪个软件 浏览:96
涂鸦app如何恢复初始 浏览:722
网络监控断网后公司 浏览:947
狼人杀app哪个好玩 浏览:76
ios发微博代码 浏览:706
如何更改mac电脑名称和密码错误 浏览:428

友情链接