一个按钮实现2个功能

想实现一个功能,页面点击显示按钮的时候 显示数据 ,同时按钮名字变成隐藏;点击隐藏的时候 隐藏数据;

document.getElementById"buttonId".addEventListener"click",function{ ifdocument.getElementById"divId".style.display!="block"{ this.innerHTML="隐藏"; document.getElementById"divId".style.display="block"; }else{ this.innerHTML="显示"; document.getElementById"divId".style.display="none"; }
},false;

给按钮加一个值,比如 1 和 0

1为显示数据 0 为隐藏数据

每次点击按钮获取这个值,判断是 1 或 0 操作DOM并修改这个值
我用了jquery

<button value=1 onclick="fthis.value">显示</button>
<p>内容</p>
<script type="text/javascript"> function fval{ if val==1 { $button.text隐藏; $p.cssdisplay,none; $button.attrvalue,0; }else{ $button.text显示; $p.cssdisplay,block; $button.attrvalue,1; } }
</script>

$"a".togglefunction{ $this.text"隐藏"; $target.show;
},function{ $this.text"显示"; $target.hide;
};

发表评论

电子邮件地址不会被公开。 必填项已用*标注