在本页面js中怎么调用隐藏按钮的click事件
先获得该按钮的应用,然后直接调用click
document.getElementById('按钮ID').click();
js 怎么用一个按钮控制DIV来回显示和隐藏
1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,然后按下Crtl+S保存一下:
2、创建一个button按钮,给按钮设置一个id,名字设置为“myBT”,创建一个用来显示隐藏的div,将其id设置为“main”:
3、给div和button设置一些样式,为了美观好看,这里无需设置display,因为默认就是显示的:
4、编写js脚本,这里用到Jquery,给button添加一个点击事件,然后获取div的dom,判断dom中的display属性值,如果是“none”,就显示div,否则则隐藏:
5、全部完成后,按下crtl+s保存,来到编辑器的右侧,观察显示效果,此时div是显示的:
6、点击hide按钮,会发现div消失了,反复点击按钮会重复显示隐藏的效果,以上就是用JS控制div显示隐藏的案例:
js 点击隐藏显示问题
你定义的a是全局变量,不管你点击的菜单是菜单一,还是菜单二都执行,不要这样写,直接加判断,点击菜单一时如果display是block就隐藏,否则显示
注:火狐和ie获取display的方法不同,用前先判断,要不不兼容
var CurrentStyle = function(e){
return e.currentStyle || document.defaultView.getComputedStyle(e, null);
}
if(CurrentStyle(document.getElementById(id))['display']=='none'){
document.getElementById(divName).style.display = "block";
}else{
document.getElementById(divName).style.display = "none";
}
希望对你能有所帮助。
js或者jquery显现2个按钮控制一块内容,点击(显示或隐藏)。需要怎么实现
你好!!
//将单击事件放到$(function(){ }); 中
script type="text/javascript"
$('.a1').click(function(){
$('.b').stop().show(); //显示
});
$('.a2').click(function(){
$('.b').stop().hide(); //隐藏
});
/script
改为
script type="text/javascript"
$(function(){
$('.a1').click(function(){
$('.b').stop().show(); //显示
});
$('.a2').click(function(){
$('.b').stop().hide(); //隐藏
});
});
/script
//这段代码是两个按钮,各自控制 "显示"和"隐藏" 的功能。
//这段的两个按钮,可以实现单独控制 及 同时控制 "显示"和"隐藏" 的功能。
script type="text/javascript"
$(function(){
$(".a1, .a2").on("click",function(){ $(".b").toggle();});
});
/script
以上内容为新媒号(sinv.com.cn)为大家提供!新媒号,坚持更新大家所需的前端知识。希望您喜欢!
版权申明:新媒号所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报,一经查实,本站将立刻删除。