toggleメソッド

toggle() は DOMTokenList インターフェイスのメソッドで、渡された token をリストから削除し、 false を返します。 token が存在しなかった場合は、追加して true を返します。

DOMTokenList/toggleは交互に切り替わるような仕組みスイッチの意味

toggle 定数

"
• -- HTML --
• <div>
• <span class="a b">classListは「a b」です。学校組Aですがここをクリックすると？</span>
• </div>
• -- JAVASCRIPT --
• <script>
• let span = document.querySelector("span");
• let classes = span.classList;
• span.addEventListener('click', function() {
• let result = classes.toggle("c");
• if (result) {
• span.textContent = `'c'が追加されました "${classes}".`;
• } else {
• span.textContent = `'c'が削除され、classListは現在 "${classes}".`; //'c' が削除され、classListは現在
• }
• })
• </script>