【HTML5】中的一些新标签

1.element.classList

获取该元素的所有类名，并以数组方式列出。

增加类名：element.classList.add(class1,class2); //可添加一个或多个。

去除类名：element.classList.remove(class1,class2);//可删除一个或多个。

切换类名：element.classList.toggle(class,[true | false]); //可带第二个布尔值的参数，true为添加类名，false为删除类名。

判断是否存在类名：element.classList.contains(class);//判断是否存在该类名。

获取类名的索引值：element.classList.item(index);//从0开始，没有则返回null。

2.网页存储

永久存储：localStorage

读取值：element.value = localStorage['key'] 或者 localStorage.getItem('key');

写入值： localStorage['key'] = element.value；

临时存储：sessionStorage，网页关闭存储就丢失了。

读取值：element.value = sessionStorage['key'] 或者 sessionStorage.getItem('key');

写入值： sessionStorage['key'] = element.value；