element.classList.toggle中第二个参数的意义是什么?

问题描述

来自 MDN :

据我了解， classList 是一个令牌列表，并且列表与数组不同，不能有重复的项.因此，将项目添加到已经具有该项目的列表中不会执行任何操作，而从不包含该列表的列表中删除项目(显然)也不会执行任何操作，这意味着 classList.toggle(className，true)与 classList.add(className)相同，并且 classList.toggle(className，false)与 classList.remove(className).

To my understanding, the classList is a token list, and lists, unlike arrays, can't have duplicate items. So adding an item to a list that already has it doesn't do anything and removing an item from a list that doesn't contain it (obviously) doesn't do anything, meaning that classList.toggle(className, true) is identical to classList.add(className) and classList.toggle(className, false) is identical to classList.remove(className).

我想念什么吗?

P.S.无需警告IE兼容性问题.

P.S. no need to warn about IE compatibility issues.

推荐答案

它将简单地允许您执行以下操作:

It would simply allow you to do something like this:

el.classList.toggle("abc", someBool);

代替此:

if (someBool) {
    el.classList.add("abc");
} else {
    el.classList.remove("abc");
}

这篇关于element.classList.toggle中第二个参数的意义是什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！