javaScript|生のJavaScriptでスタイルを操作する
スポンサーリンク
jQueryとかのライブラリを使わないで、Javascriptのみでスタイル操作する方法をメモ
クラスを追加
classList.add()でクラスを追加できます。
element.classList.add('disabled');
クラスを削除
classList.remove()でクラスを削除できます。
element.classList.remove('disabled');
toggleを使ってクラスを追加・削除
toggle()を使うとクラスを追加・削除ができます。
toggle()の第二引数をtrueにするとadd()と同じ意味になります。
toggle()の第二引数をfalseにするとremove()と同じ意味になります。
第二引数を省略した場合は、デフォルトでtrueが設定されています。
クラスを追加
element.classList.toggle('disabled'); element.classList.toggle('disabled', true);
クラスを削除
element.classList.toggle('disabled', false);
スタイルを指定して追加
styleの各プロパティーに代入するとスタイルを指定できます。
element.style.width = '1200px';
更新日:2018年08月26日
作成日:2018年07月22日