.NET Core 控制器中如何修改HTML元素的样式或类？

runat="server" 是老ASP.NET Web Forms的专属服务端控件标记，.NET Core 完全移除了Web Forms的控件生命周期模型，给普通HTML加这个属性不会被后端解析，自然没法通过后端直接操作页面DOM，这也是你之前尝试没生效的核心原因。

1. 控制器传递业务判断结果 #

控制器不需要直接操作DOM元素，只需要计算业务条件的判断结果，通过视图模型或ViewBag传递给视图即可，参考代码：

public IActionResult YourPage()
{
    // 执行你自己的业务判断逻辑
    bool meetRedCondition = GetCustomBusinessResult();
    // 传递判断结果到视图
    ViewBag.NeedRedBg = meetRedCondition;
    // 如果是强类型项目，优先用ViewModel传递更可靠
    return View(new PageViewModel{ NeedRedBackground = meetRedCondition });
}

2. Razor视图动态拼接类名 #

在页面视图中，拿到控制器传来的判断值后，直接在div的class属性里用Razor条件语法动态插入对应背景类，替换原来硬编码的静态class即可，适配你的示例代码：

<div id="MainDiv" class="flex justify-between items-center @(ViewBag.NeedRedBg ? "bg-red-300" : "bg-green-300")">
     <a>Done</a>
 </div>

• 动态写类名的时候必须保证类名是完整的静态字符串，不要拆分做字符串拼接（比如把bg-red-300拆成bg-加动态变量拼接）。如果你的项目用Tailwind这类构建期扫描类名的CSS框架，拆分的类名不会被扫描到，最终会出现样式不生效的问题。
• 如果是前后端分离架构，控制器只返回JSON接口数据，那么可以直接让接口返回对应的背景类名字符串，由前端JS拿到数据后，通过document.getElementById('MainDiv') 获取元素，动态添加对应的类名即可。

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