如何更改背景颜色?

时间:2020-09-13 09:54:51

标签: javascript

我想使用javascript更改背景颜色。我想在单击按钮时将背景颜色更改为两种不同的颜色。这意味着当我单击按钮时,背景颜色将变为红色,而当我再次单击按钮时,它将更改表示其他任何颜色(例如绿色)。lt表示单击按钮时会将背景颜色更改为红色,然后变为绿色。

感谢和问候

2 个答案:

答案 0 :(得分:1)

您可以运行与onclick属性相关的功能并请求所需的样式。

HTML文件

 <button onclick="colorBg()">Set background</button>

以这种方式设置您的javascript文件。

JavaScript文件

   function colorBg() {

    if (document.body.style.backgroundColor == "red") {
         document.body.style.backgroundColor = "green";
    }
    else{
        document.body.style.backgroundColor = "red";
    }
}

如果您不想将其应用于身体,则可以在相关的dom上进行。提供更多细节很有用。

答案 1 :(得分:0)

这是代码:-

model.addAttribute("attributeList", attributeList);