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

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

分享本文:新浪微博腾讯微博

神来一句:

  • [贱人就是矫情]
  • [人艰不拆]
  • [朕知道了]
  • [不明觉厉]
  • [这真是极好的]
  • [也真是醉了]
  • [点个赞]
  • [你那么萌你家人造吗?]
  • [涨姿势!]
赞助一下
分享