H5-新属性

1.H5获取DOM元素

a.querySelector() 获取单个元素，如果获取的元素不止一个，那么只会返回满足条件的第一个元素

参数要求：如果是类选择器，必须添加 . ,如果是id选择器，必须添加#，否则当成标签处理（若有多个一样标签名获取的是第一个标签名的元素）；

b.querySelectorAll()获取满足条件的所有元素---数组；

2.操作元素类样式

a.classList：classList 属性是只读的，但你可以使用 add() 和 remove() 方法修改它。可以为DOM元素添加多个类

b.add(class1,class2):为元素添加多个类如果添加的类已经存在不会重复添加

c.contains(class):判断Dom元素是否已经存在该类名；返回布尔值存在true；不存在false

d.remove（class1,class2）,移除多个类名

e.toggle（class，true|false）参数1：移除的类名，如果不存在就添加；参数2：true强制添加，false强制移除

自定义属性

1、data自定义属性如何申明？

1.data-开头2.data-后必须至少有一个字符，多个单词使用-连接建议：1.名称应该都使用小写--不要包含任何的大写字符2.名称中不要有任何的特殊符号
3.名称不要使用纯数字

<p data-school-name="itcast">搞机软</p>

2、自定义的data属性如何取值？

使用dataset来获取data属性，获取的属性是有驼峰的

<p data-school-name="itcast">搞机软</p>

var value=p.dataset["schoolName"];