Razor 更改元素的类

Razor 更改元素的类,razor,blazor,Razor,Blazor,我看到了这一点,答案来自大约一年前,我希望现在有更好的方法来做到这一点 第二个答案是user11623871,这似乎是我能找到的最好的方法,但是当有多个不同的类名应用于一个元素时,很难确保应用了所有正确的类名 blazor中是否有类似于JS的东西,我可以简单地选择元素,然后在需要时删除或添加类 在普通js中它会是什么样子: var element = document.getElementById("myDIV"); element.classList.add("mystyle"); 像这样的

我看到了这一点,答案来自大约一年前,我希望现在有更好的方法来做到这一点

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

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

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

var element = document.getElementById("myDIV");
element.classList.add("mystyle");
像这样的

<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");
    }
}

添加
去除
@代码{
私有列表CSSClasses=新列表();
void Add()
{
CSSClasses.Add(“Class1”);
CSSClasses.Add(“第2类”);
}
作废删除()
{
CSSClasses.RemoveAll(x=>x==“Class1”);
}
}

谢谢。我使用了
CSSClasses.Remove(“类”),不知道它是否更好,但一眼就能理解。