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

热点内容
u盘系统文件格式 浏览:376
javafind数组 浏览:41
t2080升级cpu 浏览:190
微信文件倒出来哪里找到 浏览:722
单元格删除文件夹内容 浏览:170
word2003如何修改作者 浏览:217
默认数据库端口 浏览:537
sql数据库mdb在哪里 浏览:819
win10创作者更新了什么好处 浏览:994
linuxtunelp 浏览:665
centos打开zip文件格式 浏览:995
java文明5 浏览:86
ipad输密码没反应 浏览:916
一号文件中提出了哪些要求 浏览:527
scl用什么语言编程 浏览:962
系统前台进行的程序 浏览:270
刀塔机尾座怎么移动怎么编程 浏览:16
网站维护需要会什么 浏览:439
文件格式名更改 浏览:789
db2数据文件位置 浏览:508

友情链接