https://www.caniuse.com/#index ==> HTML5的新特性和浏览器支持的情况
新的选择器:
querySelector: IE6和IE7不支持,并且只能选择一组中的一个元素
querySelectorAll: 得到的是元素的集合,即是一组元素
getElementsByClassName:IE9及以上版本的支持的,IE8及以下版本不支持
获取class列表属性:
.classList:==>得到的是类数组的集合有add()、remove()和toggle()方法
add():添加class方法; remove()删除class方法; toggle():切换class方法;
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload = function(){
var oDiv = document.getElementById('div1');
//alert( oDiv.classList ); //类似与数组的对象
//alert( oDiv.classList.length ); //3
//oDiv.classList.add('box4');
//oDiv.classList.remove('box2');
oDiv.classList.toggle('box2');
};
</script>
</head>
<body>
<div id="div1" class="box1 box2 box3">div</div>
</body>
</html>