在Django的HTML中设置并调用变量（含JavaScript实现）

方法一：后端模板直接判断（推荐，符合Django开发习惯） #

如果判断条件依赖后端数据，直接在Django视图中处理逻辑，把结果传到模板：

1. 视图函数（views.py）中传入判断变量：

def your_view(request):
    # 替换成你实际的条件判断逻辑
    meets_success_condition = True
    return render(request, 'your_template.html', {'meets_success': meets_success_condition})

2. 模板中用Django模板标签动态设置class：

<div class="{% if meets_success %}success{% else %}danger{% endif %}">
    <!-- 容器内容 -->
</div>

方法二：前端JavaScript动态修改 #

如果判断是纯前端交互触发的，用JS直接操作DOM：

1. 给目标div加ID方便定位：

<div id="dynamic-class-div" class="">
    <!-- 容器内容 -->
</div>

2. 在script标签中处理条件并设置类：

<script>
// 替换成你的实际条件判断
const isSuccess = true;
const targetClass = isSuccess ? 'success' : 'danger';

// 替换class（如果需要保留原有基础类，改用classList.add）
document.getElementById('dynamic-class-div').className = targetClass;
</script>

注意：如果条件依赖后端数据，优先用方法一，渲染效率更高；纯前端交互场景用方法二更合适。

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