H5中的API-获取页面元素及类名操作和自定义属性

  document.querySelector("选择器")；
     备注：
        选择器： 可以是css中的任意一种选择器
         通过该选择器只能选中第一个元素。

   document.querySelectorAll("选择器");
       备注：
          与document.querySelector区别： querySelectorAll 可以选中所有符合选择器规则的元素，返回的是一个列表。querySelector返回的只是单独的一个元素
      

   Dom.classList.add("类名"): 给当前dom元素添加类样式

   Dom.classList.remove("类名"); 给当前dom元素移除类样式

   classList.contains("类名"); 检测是否包含类样式

   classList.toggle("active");  切换类样式（有就删除，没有就添加）

   自定义属性 
  
     data-自定义属性名
     备注：
         在标签中，以data-自定义名称  
     

     1. 获取自定义属性   Dom.dataset   返回的是一个对象
        Dom.dataset.属性名  或者  Dom.dataset[属性名]

     2. 设置自定义属性
        Dom.dataset.自定义属性名=值  或者  Dom.dataset[自定义属性名]=值；

    注意： 
                属性名是不包含data-（例如在标签中，设置为data-jelly），
                获取为Dom.dataset.jelly

来源：oschina

链接：https://my.oschina.net/u/4143235/blog/3158040