8°

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

本文由【jellydd】发布于开源中国,原文链接:https://my.oschina.net/u/4143235/blog/3158040

全部评论: 0

    我有话说: