HTML5入门之新的选择器

使用选择器选择

varaDiv=document.querySelectorAll('.box')

使用事件测试 是否选择了多个元素

alert(aDiv.length)

弹出结果为2

3.getElementsByClassName

这个只能选取类名，而上面的2个选择器选择各式各样的，这个就不多啰嗦了，接着往下看

二．获取class列表属性

classlist

1.     length获取class长度

2.     add（）添加class方法

3.     remover（）删除class方法

4.     toggle（）根据

先创建一个div ，其中含有ID和类

然后选择ID获取元素，然后使用classlist弹出这个元素拥有的class

varoDiv=document.getElementById('div1')

alert(oDiv.classList)

alert(typeof oDiv.classList)//弹出一个类似与数组的对象

结果为

然后测试classlist的方法

oDiv.classList.add('box4')//添加一个class方法

oDiv.classList.add('box2')//删除一个class方法

oDiv.classList.toggle('box2')//toggle方法根据元素是否拥有这个class方法，如果有就执行删除，如果没有就会执行添加