通过JavaScript切换一个元素的显示状态的方法实际上是不可计数的,但在这其中确实有一些非常实用的技巧。追溯到上个世纪90年代后期,切换元素的状态可能是JavaScript开发书籍最早介绍的技巧之一了。实际上就算在现在,如果能够合理地控制元素的显示和隐藏,同样可以大幅度提高用户的体验。
不管怎样,这里介绍实现这种效果的七种方式。
正文开始
第一种,可能是最简单的,也是大家最常用的方式。
最直接的切换方式
// 显示document.getElementById('element').style.display = '';// 隐藏document.getElementById('element').style.display = 'none';
我们把上面的操作包装到函数中,这样使用起来更加快速,比如下面这段代码:
显示还是隐藏?
function toggle(obj) { var el = documen...[ 查看全文 ]2016-02-19 标签: