时间戳

首页 > 解决方案 > 在html中动态改变body的背景

html - 在html中动态改变body的背景

问题描述

在我们的应用程序中，我必须编写上传到应用程序的 JSP，并根据 JSP UI 进行反映。

在此我进行 API 调用并获取RatingA、B、C、D 或 E 的值。我有一些代码来实现它并存储在变量中 -

String reliabilityRating = getRating();

根据评分，我想更改页面的背景。CSS如下 -

.rating-A {
    line-height: 23px;
    background-color: #00aa00;
}
.rating-B {
    background-color: #b0d513;
}

.rating-C {
    background-color: #eabe06;
}

要根据评级更改背景，我可以使用 html -

<body class="rating-A">

但这是固定的。我想让它像rating-XX 可以是 A、B、C、D 或 E 一样动态。因此我尝试调用返回评级的方法

<body class="rating-" + getRating()>

但这无助于实现我想要的。您能否建议我如何根据特定变量的值更改页面背景？

标签： htmlcssjsp

解决方案

从本教程来看，如果要输出 Java 表达式的内容，需要将其包装在${and中}。

所以：

<body class="rating-${getRating()}">

推荐阅读