JS点击显示,再次点击隐藏的效果,怎么做?

2025-01-31 03:13:10
推荐回答(1个)
回答1:

代码如下:

  1. 隐藏和显示
  2. 显示\隐藏切换
  3. 欢迎您

以上代码实现了我们的要求,点击顶部链接可以实现div显示和隐藏的切换。

实现原理:

  1. 为链接注册onclick事件处理函数,此处理函数可以判断div的style.display属性值,如果为block则将其设置为none,也就是将div设置为隐藏状态,否则设置为block,也就是将div设置为显示状态,原理大致如此。

  2. 需要特别注意的是,在div中,之所以使style="display:block"的目的是让obj.style.display语句能够获取属性值,否则第一次点击无法将div设置为隐藏,大家可以去掉style="display:block"做一下测试,return false语句是为了防止链接的跳转效果。