Web前端之实现手风琴效果

源代码如下所示:如要复制,记得换图哦!




    
    
    
    手风琴效果
    


    
  • 托尼

  • 钢铁侠

  • 钢铁侠

  • 钢铁侠

  • 钢铁侠

js中使用鼠标点击事件

getElementById() :获取带有指定 id 的节点
getElementsByTagName(): 获取带有指定标签名的节点集合
querySelector() :获取指定选择器或选择器组匹配的第一个节点

querySelectorAll():获取指定选择器或选择器组匹配的所有节点集合;

我们在使用javascript中的Dom时,要使用驼峰命名!

源代码中使用了两种方法,实现展开收起效果,推荐使用第二种!!!

实现效果:

 

备注:如有错误,请谅解!

此文章为本人学习笔记,仅供参考!如有重复!!!请联系本人!

你可能感兴趣的:(Web前端,前端,css,html,javascript)