是否存在无需JS互操作的Blazor类库，可实现元素添加类等静态JS功能？

原生Blazor方案（无需额外类库） #

Blazor本身就支持不用手写JS的DOM类名操作，更贴合组件化设计：

• 用@ref绑定元素引用，再调用内置扩展方法：

<div @ref="targetElement">测试元素</div>

@code {
    private ElementReference targetElement;

    private async Task AddElementClass()
    {
        // .NET 6+ 内置扩展方法，底层自动处理JS互操作，无需你写JS
        await targetElement.AddClassAsync("custom-class");
    }
}

符合你需求的链式API类库 #

如果你倾向于GetElementById这类选择器风格的API，有现成类库封装了整套逻辑（底层已处理JS互操作，无需你编写JS）：

• BlazorDOM：提供链式DOM操作API，用法如下：

await BlazorDOM.GetElementById("your-element-id").AddClassAsync("your-class-name");

• Blazor.Extensions.DOM：更全面的DOM操作封装，支持通过ID、选择器等方式获取元素，再执行类名修改。

重要提示 #

直接通过ID操作DOM在Blazor组件化场景中存在风险（同一ID可能在多组件实例中重复），优先推荐使用@ref绑定元素的原生方案，更安全且符合Blazor设计理念。

内容的提问来源于stack exchange，提问作者Regestea