【备忘】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对象,,

原文链接:https://www.wdssmq.com/post/20141224250.html

发表评论:

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