如何根据变量选项将不同的或新的类添加到元素中

Question

我想根据变量的不同值向div添加不同的类。

例如

我有一个可变

Var layoutColumn = 1;

我希望这个变量按用户选择1到4个选项。

如果用户选择1，那么在这个选择的基础上，我想向div添加新的类，即

<div class = "layout layoutCol1"></div>

类似地，如果用户选择选项2，那么div应该有新的类，比如

<div class = "layout layoutCol2"></div>

等等…

感谢

Answer 1

将id添加到该元素并使用getElementById 获取

let element = document.getElementById('yourId')
switch(layoutColumn) {
case 1:
element.className = 'layoutCol1';
break
case 2:
element.className = 'layoutCol2';
break
}

所以所有。。。