首页 相关文章 使用JavaScript切换DOM元素显示状态的七种方法

使用JavaScript切换DOM元素显示状态的七种方法

  通过JavaScript切换一个元素的显示状态的方法实际上是不可计数的,但在这其中确实有一些非常实用的技巧。追溯到上个世纪90年代后期,切换元素的状态可能是JavaScript开发书籍最早介绍的技巧之一了。实际上就算在现在,如果能够合理地控制元素的显示和隐藏,同样可以大幅度提高用户的体验。

  不管怎样,这里介绍实现这种效果的七种方式。

  正文开始

  第一种,可能是最简单的,也是大家最常用的方式。

  最直接的切换方式

// 显示document.getElementById('element').style.display = '';// 隐藏document.getElementById('element').style.display = 'none';

  我们把上面的操作包装到函数中,这样使用起来更加快速,比如下面这段代码:

  显示还是隐藏?

function toggle(obj) {  var el = documen...[ 查看全文 ]

2016-02-19 标签:

使用JavaScript切换DOM元素显示状态的七种方法的相关文章

手机页面
收藏网站 回到头部