JavaScript 切换(显示/隐藏)元素

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 切换(显示/隐藏)元素相关的知识,希望对你有一定的参考价值。

<script type="text/javascript">
<!--
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//-->
</script>

Inline usage:
<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
<div id="foo">This is foo</div>

以上是关于JavaScript 切换(显示/隐藏)元素的主要内容,如果未能解决你的问题,请参考以下文章

JQuery显示隐藏(学习他人方法后)

JavaScript 切换可见性(显示/隐藏)

引导表如何隐藏,当使用 javascript 切换可见时,它无法正确显示

用jquery怎么实现点击显示,再一次点击隐藏

如何使用 ExtJS 显示/隐藏/切换元素?

JavaScript 操作元素案例练习