更改元素的类

Question

我看到了这篇文章，答案来自大约一年前，我希望现在有更好的方法。

user11623871的第二个答案似乎是我能找到的最好的方法，但当有多个不同的类名应用于一个元素时，很难确保应用所有正确的类名。

blazor中是否有类似JS的东西，我可以简单地选择元素，然后在需要时删除或添加一个类？

在普通js:中会是什么样子

var element = document.getElementById("myDIV");
element.classList.add("mystyle");

Answer 1

类似的东西？

<div class="@string.Join(" ", CSSClasses)"></div>
<button type="button" @onclick="Add">ADD</button>
<button type="button" @onclick="Remove">REMOVE</button>
@code {
private List<string> CSSClasses = new List<string>();
void Add()
{
CSSClasses.Add("Class1");
CSSClasses.Add("Class2");
}

void Remove()
{
CSSClasses.RemoveAll(x => x == "Class1");
}
}