原生js—classList.add()、classList.remove()、classList.contains()、classList.toggle()、

原生js——操作类名（HTML5新增classList）

• classList.add( newClassName )；
  添加新的类名，如已经存在，取消添加
• classList.contains( oldClassName );
  确定元素中是否包含指定的类名，返回值为true 、false；
• classList.remove( oldClassName )；
  移除已经存在的类名;
• classList.toggle( className )；
  如果classList中存在给定的值，删除它，否则，添加它；
• classList.replace( oldClassName，newClassName )；
  类名替换

来看几个例子：

有一个div

	<div>div>

	//删除类：select
	div.classList.remove("select");

	//添加类：select
	div.classList.add("select");

	//确定是否包含给定的类：select
	div.classList.contains("select");

    //切换类：select，存在删除，不存在，就添加;
	div.classList.toggle("select");

	//替换类：新类newSelect替换老类select;
	div.classList.replace("select","newSelect");

	//迭代类;
	for(var i = 0,len = div.classList.length; i < len; i++){
		doSomething(div.classList[i]);
	}

注：支持classList属性的浏览器有Firefox3.6+ 和 chrome;

如遇错误，欢迎指正

• 结束语…………………………福利时间到………………………………

  大家同为程序员，在这里给大家真诚的送上福利。

  福利链接点击这里！