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

オリジナルjs-操作クラス名(HTML 5に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プロパティをサポートするブラウザにはFirefox 3があります.6+とchrome;
誤りがあればご指摘ください

终わりの言叶..................福祉の时间..................みんなは同じプログラマーで、ここでみんなに心から福祉を送ります.福祉リンクはこちらをクリック!