h5DOM扩展

只有DOM对象才能调用H5提供的API

1. 获取元素

　　querySelector(选择器);     querySelectorAll(选择器)

2. 类名操作

　　添加：ele.classList.add(类名)

　　移除：ele.classList.remove(类名)

　　切换：ele.classList.toggle(类名)

　　是否存在：ele.classList.contains(类名)

　　classList描述当前元素，是一个维数组，里边存放了当前元素的类名

3. 自定义属性

　　h5规定自定义属性必须以“data-”开头，才认为是自定义属性规范

　　ele.dataset：获取所有

　　ele.dataset-name：获取单个（遵循驼峰命名法data-user-name  → dataset.username去获取；不遵循大小写data-userName → dataset.username获取）

　　ele.dataset.age = 10：设置自定义属性

　　delete ele.dataset.age：删除自定义属性

4. 全屏操作

　　开启：requestFullScreen()

　　取消：cancelFullScreen()， 调用的是document

　　检测是否全屏：IsFullScreen()，由于兼容问题浏览器需要加前缀

　　

　　

转载于:https://www.cnblogs.com/xhrr/p/11308771.html