JavaScriptでclass属性を切り変える

ボタンや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では追加が出来ます。