JavaScriptでclass属性を切り変える

YY3ai2ui24 21views 更新:2015年10月6日

ボタンやaタグをクリックで動的に切り替えたい時があります。
そんなときはclassListを使います。

<a href="javascript:void(0)" onclick="switch(this);">Switch</a>

<script>
functuon switch(element){
    element.classList.toggle("on");
}
</script>

classList.toggleを使うと、切り替えができます。
removeでは削除、addでは追加が出来ます。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません