如何仅使用javascript切换/切换div的类

Ume*_*ena 3 html javascript class onclick toggle

我希望a div切换其类(切换)onclick,然后再次恢复原始类onclick

我的代码是:

 function myfunc() {
    //the code over here
 }
Run Code Online (Sandbox Code Playgroud)
.normal { 
  width:25%;
  height:25%;
  background: #f00;
}

.active { 
  width:100%;
  height:100%;
  background: #f00;
}

#div{}
Run Code Online (Sandbox Code Playgroud)
<body>
  <div id="div" onclick="myfunc()">click here</div>
</body>
Run Code Online (Sandbox Code Playgroud)

Nis*_*med 8

使用纯js:

<div id="div" class="normal" onclick="myfunc(this)">click here</div>
Run Code Online (Sandbox Code Playgroud)

JS

function myfunc(div) {
  var className = div.getAttribute("class");
  if(className=="normal") {
    div.className = "active";
  }
  else{
    div.className = "normal";
  }
}
Run Code Online (Sandbox Code Playgroud)