【备忘】JavaScript切换显示隐藏元素

吐槽/反馈/建议:我的咸鱼心

实现目的:点击指定按钮时显示/隐藏另外一个元素,,同时按钮自身状态或内容也随之改变。。

<script type="text/javascript">function Switch(switch_con,switch_btn){  var Element = document.getElementById(switch_con);  var flag = switch_btn;  var curStyle=Element.style.display;  if (curStyle != 'block') {    newStyle = 'block';    flag.innerHTML = '隐藏';  }  else {    newStyle = 'none';    flag.innerHTML = '显示';  };  Element.style.display = newStyle;}</script>

调用方式:<a id="btn" href="javascript:;" onclick="Switch('content',this)">显示</a>,第一个参数是要显示/隐藏的元素ID,第二个是Dom对象,,

本文标题:《【备忘】JavaScript切换显示隐藏元素》作者:沉冰浮水
原文链接:https://www.wdssmq.com/post/20141224250.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

召唤伊斯特瓦尔