js控制按钮显示隐藏,html怎么隐藏按钮
本文操作环境:windows7系统、javascript1.8.5html5版,戴尔自交第三代电脑
JavaScript点击按钮隐藏和显示div方法
根据编号按钮获取点击事件,添加事件处理函数
效果:
风格
#dv{
宽度:100像素
高度:100像素
背景色:皇家蓝;
}
/风格
身体
输入类型=按钮值=隐藏id=btn/
!-输入类型=按钮值=显示id=btn1/-
p id=dv/p
脚本
功能我的(id){
返回文档。getelementbyid(id);
}
//第一种方法
/*my(btn ).onclick=function(){
我的(“dv”)。风格。display= none
}
我的( btn1 ).onclick=function(){
我的(“dv”)。风格。display= block
}*/
//第二种方法
我的( btn ).onclick=function(){
if (this.value==隐藏) {
我的(“dv”)。风格。display= none
this.value=显示;
} else if(this.value==显示){
我的(“dv”)。风格。display= block
this.value=隐藏;
}
}
/脚本
/body推荐学习: 《javascript高级教程》
以上就是爪哇岛描述语言怎么实现按钮隐藏差异的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。