html5新增的classlist有什么用

classList属性，用于实现对class的操作，classList属性返回元素的类名，作为DOMTokenList对象，该属性用于在元素中添加，移除及切换CSS类。

classList属性有以下几种方法:

(1)通过classList可以获取元素的全部类名;

(2)通过classList.remove()可以删除元素的一个或多个类名;

(3)通过classList.add()可以向元素添加一个或多个类名;

(4)通过classList.lentgh可以获取到元素类名的数量;

(5)通过classList.item(x)可以获取到元素类名索引为x的类名;

(6)通过classList.toggle可以为元素切换类;

(7)通过classList.contains(x)查看元素是否存在类名为”x”的类;

classList基本用法：

复制代码var data = document.getElementById("data").classList;
var info=document.getElementById("info");
function red()
{
  if(!data.contains("red"))
  {
  	data.add("red");
  }
  display();
}
1
2
3
4
5
6
7
8
9
10