またまたモダンWeb ―新しいWebプラットフォームの基盤技術を読んで知ったことのメモ。 あるDOM要素に指定のクラスがあるか確認したり、指定のクラスを追加したり削除したりするにはjQueryを使うと簡単にできますが、最近のブラウザのJavaScriptにはclassListというオブジェクトが導入してあるようで、このオブジェクトを使うことにより、クラスの操作が簡単にできるようです。 参考:element.classList – DOM | MDN 例えば、下記のようなHTMLがあるとします。 <div id="js-div" class="js-class test">classListでのクラス操作用</div> <div id="jq-div" class="jq-class test">jQueryでのクラス操作用</div> 以下、IDが”js-div”のdiv要素はclassL
![jQueryを使わずにクラスの操作を行うclassListオブジェクトを調べてみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/27dc51b8291eb1b37ef5d8a375c9345c08140844/height=288;version=1;width=512/https%3A%2F%2Fam-yu.net%2Fwp-content%2Fthemes%2Fcocoon-master%2Fscreenshot.jpg)