classList.add('is-red', 'is-large'); }); sample : 3 ① ②を使用する。③ 配列の形で複数指定も可能です。 ※ この方法はスプレッド構文を使用しているため、対応していないIEだと構文エラーになる。 let classes = ['is-red', 'is-large']; document.getElementById('btn')....
classList.add('fooSection'); } DocumentFragment では使えるメソッドが限られている DocumentFragment 内にある要素を取得しようとした場合、使えるメソッドは getElementById()、querySelector()、querySelectorAll() のみです。 おまけ:element.children とNode.childNodes の違い とある要素の子要素...
switcher.addEventListener('click',function(){document.body.classList.toggle('light-theme');document.body.classList.toggle('dark-theme'); }); 上記のコードでは、toggleメソッドを使用して、要素のクラス属性を変更しました。 このメソッドは、light-themeとdark-themeクラスを自動的に追加または...
<!-- ChatLog.vue --><!-- propsで受け取ってtemplate内で表示 --><templatelang="html">{{ userId }}</template>exportdefault{props:["userId"]} ※ v-bindを使う際の注意点 v-bindに指定する変数名はケバブケース v-bind:user-id props...
JavaScript コピー switcher.addEventListener('click', function() { document.body.classList.toggle('light-theme'); document.body.classList.toggle('dark-theme'); }); 上記のコードでは、toggle メソッドを使用して、 要素のクラス属性を変更しました。 このメソッドは、light-theme とdark-t...