jQueryを使わないでクリック時にクラスを追加する方法

Tweet

Pocket

var root = document.getElementsByTagName(‘html’)[0];
var btn_open = document.querySelector(‘.open.menu_trigger’);
btn_open.addEventListener(‘click’, function() {
document.body.classList.add(‘is-show’);
root.classList.add(‘is-show’);
})

classListを使います。htmlタグにaddclassしたい場合は、rootという変数を定義し、rootに対してclassListでaddします。