classList.add  新增class

element.classList.add('some-class');


classList.remove  移除class

element.classList.remove('some-other-class');


classList.toggle  切換class

element.classList.toggle('toggle-class');


classList.contains  檢查class

if(element.classList.contains('some-class')){
console.log('yes!');
}

classList只有支援到IE10，不過有polyfill可支援到IE8+

REFERENCE: go make thing

arrow
arrow
    文章標籤
    classList add remove toggle contains
    全站熱搜

    浣熊 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄