2019-12-13
描述
为元素切换类值。
提示
- 使用
element.classList.toggle()
为指定元素切换类值 toggle
方法中如果类值存在,则删除他并返回false
。如果类值不存在,则添加他并返回true
toggle
方法中当第二个参数存在时,需要根据执行结果来判断类值的添加或删除:若执行结果为true
,则添加指定的类值;若执行结果为false
,则删除指定的类值
代码
const toggleClass = (el, className) => el.classList.toggle(className);
示例
移除 class 为 special 的段落元素的类值 special:
toggleClass(document.querySelector('p.special'), 'special');