h5新增的一些属性

1.获取元素

1、document.getElementsByClassName ('class') 通过类名获取元素，以类数组形式存在。

2、document.querySelector(‘div’) 通过CSS选择器获取元素，符合匹配条件的第1个元素。

3、document.querySelectorAll('selector') 通过CSS选择器获取元素，以类数组形式存在。

2.操作类名元素

1、Node.classList.add('class') 添加class

2、Node.classList.remove('class') 移除class

3、Node.classList.toggle('class') 切换class，有则移除，无则添加

4、Node.classList.contains('class') 检测是否存在class

3.自定义属性

自定义属性，其格式如下data-*=""，

例：data-info="我是自定义属性"，通过Node.dataset['info']获取

data-my-name="itcast"这种格式，获取Node.dataset['myName']，驼峰格式获取