文章目录 Web API基本认知一、 变量声明二、 DOM1. DOM 树2. DOM对象3. 获取DOM对象(1)、选择匹配的第一个元素(2)、选择匹配多个元素 三、 操作元素1. 操作元素内容2. 操作元素属性(1)、常用属性（href之类的）(2)、通过style属性操作CSS(3)、通过类名(className)操作CSS(4)、通过classList操作控制CSS(5)、操作表单

目录 1.classList属性 添加类 删除类 切换类 检查类是否存在 替换类 移动端touch事件 2.消除点击延迟 Fastclick插件的引入 引入FastClick 初始化 3.Swiper插件的引入和使用 通过CDN引入 通过npm安装（vue中建议）  使用SwiperHTML结构 初始化Swiper 4.zyMedia插件简介 4.1下载与引

classList API add(className)  添加一个类名 remove(className) 移除一个类名 contains(className) 是否存在这个类名 true/false toggle(className) 添加或删除这个类名 item(1) 返回第二个类名 length 只读属性 classList的长度

页面DOM里的每个节点上都有一个classList对象，程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList，程序员还可以用它来判断某个节点是否被赋予了某个CSS类。 添加类(add) document.getElementById("myDIV").classList.add("mystyle"); 为 元素添加多个类: document.getElementBy