使用 classList.add 时如何忽略空格？答案

【问题标题】：How can I ignore white space when using classList.add?使用 classList.add 时如何忽略空格？
【发布时间】：2022-01-14 14:11:55
【问题描述】：

我正在尝试使用 classList.add() 将类添加到 JS 中的元素，如果我有这样的输入（“一二”）用空格分隔，我该如何处理每个部分作为一个班级？

let element = document.querySelector(".element")
element.classList.add("one two")

【问题讨论】：

【解决方案1】：

const str = 'one two three';
const classes = str.split(' ');
document.querySelector(".element").classList.add(...classes);

【讨论】：

【解决方案2】：

在一个元素中添加多个类：

element.classList.add("one", "two");

或

element.classList.add("two"); 
element.classList.add("one");

要使用输入中的类，用空格分隔：

const userInput = "one two";
element.classList.add(...userInput.split(" "));

【讨论】：