blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

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

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します。