H5添加API选择器querySelector()和querySelectorAll(),参数为css选择器,前者返回第一个满足条件的匹配元素,不满足则返回Null,后者返回匹配元素过滤条件所有元素的集合,如果没有满足过滤条件的元素,则返回空数组。getElementsByClassName()返回一个类似数组的对象,其中包含指定类名的所有子元素。当调用发生在文档对象上时,将搜索整个DOM,包括根节点,也可以在任何元素上调用。document.querySelector('div');//选择第一个divdocument.body.querySelector('p')[0];//body下的第一个p标签document.getElementsByClassName('redtest');//获取所有class元素包括'red'和'test'。classList属性length:返回类的数量。add(class1,class2,...):将给定的字符串值添加到列表中。如果该值已存在,则不会添加。contains(class):表示给定值是否存在于列表中,存在则返回true,不存在则返回false。remove(class1,class2,...):移除元素中的一个或多个类名,移除不存在的类名不会报错。item(index):返回指定索引值的类名,index是一个数字(从0开始),如果索引不在范围内,则返回null,如果不是数字,则转换成一个number类型然后取整数部分,如果转换失败,返回第一个类名。toggle(value,true||false):在添加和删除之间切换值为value的类。classList属性返回一个DOMTokenList对象。此属性与IE10以下的版本不兼容。Object.prototype.toString.call(node.classList);//'[objectDOMTokenList]'对应className属性,可以设置或返回元素的类。返回的是字符串类型,设置会完全覆盖原来的类值。语法:node.className=类名。
