クリックしてクラスを追加するにはどうすればいいですか?JavaScriptでアクションを追加してクラスを削除します。
<header id="header" class="header-vertical dark">
私はあなたが
クリックしてクラスを追加するにはどうすればいいですか?JavaScriptでアクションを追加してクラスを削除します。
<header id="header" class="header-vertical dark">
私はあなたが
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
探しているもので、第二の例のようにサポートのための
<header id="header" class="header-vertical dark open">
感謝:)
これはもうjQueryではないことに注意してください。 – Xufox
'$( '#ヘッダ')をクリックします(関数(){$( '#header')。toggleClass( 'open')}) 'http://api.jquery.com/toggleclass/ –
jQueryのドキュメントを読む..... https://api.jquery.com/category/操作/クラス属性/ – epascarello
"クラスをjQueryに追加する方法"と "jQueryでクリックリスナーを追加する"方法についての調査結果は何ですか?現在どのようなコードをお持ちですか? – Xufox