不使用javascript更改HTML背景颜色

我创建了一个简单的代码，它有一个背景颜色为蓝色的div和一个submit按钮。现在，如果单击submit按钮，div的背景色应该变为红色。但是代码没有按照期望的输出工作

函数单击（）{
document.getElementById（“box”）.style.backgroundColor=“红色”；
}

#框{
边框：1px纯黑；
宽度：50px；
高度：50px；
背景颜色：蓝色；
}

实践

您使用了“提交”而不是“按钮”，请检查此按钮

按钮类型有三种类型的按钮：

提交-提交当前表单数据。（这是默认设置。）重置- 重置当前表单中的数据。按钮-只是一个按钮。其影响 必须由其他东西控制（即使用JavaScript）

---

点击提交按钮将提交您的表单，这将再次加载页面，这意味着您通过JS在“上一页”上更改的所有内容都将消失。这里有两个问题。正在查找第二个的副本。您必须阻止提交操作&使用ajax提交数据，而不是使用type=“button”submit@amyloula传播与此无关。他们需要调用

event.preventDefault（）

。