Javascript/element.classList

要素の class 属性のトークンリストを返す
.add(): 要素のクラスリストへのクラスの追加
.remove(): 要素のクラスリストからのクラスの削除
.toggle(): 要素のクラスリスト中の特定のクラスの切替
.contains(): 要素のクラスリストが特定のクラスを含むか否かの確認
	

var s1Div = document.getElementById("s1Div");
console.log(s1Div.classList);//s1DivClass
	

var s2Div = document.getElementById("s2Div");
s2Div.addEventListener("click", function(){
  s2Div.classList.add("s2Add");
  s2Div.classList.remove("s2Class");
  console.log(s2Div.classList);//s2Add
});
	

var s3Div = document.getElementById("s3Div");
s3Div.addEventListener("click", function(){
  s3Div.classList.toggle("s3Class");
  console.log(s3Div.classList);
});