JavaScriptでアクションを追加してクラスを削除します。

Question

クリックしてクラスを追加するにはどうすればいいですか？

<header id="header" class="header-vertical dark"> 

私はあなたが

Answer 1

Toggleclassを押したときに、クラスのセクションに 'オープン' を追加したいですtoggleメソッドを使用してください。このように行く。

そして、ちょうどあなたのクラスで.activeを置き換えるあなたのケースで

var header = document.getElementById("header"); 
 

 
header.addEventListener("click", myFunc, false); 
 

 
function myFunc() { 
 
    header.classList.toggle("active"); 
 
}

.normal { 
 
    background-color: red; 
 
} 
 

 
.active { 
 
    background-color: green; 
 
}

<button onclick="myFunc()">click here</button> 
 
<h1 id="header" class="normal">The Header</h1>

、 .open

Answer 2

探しているもので、第二の例のようにサポートのための

<header id="header" class="header-vertical dark open"> 

感謝:)