如何仅使用javascript更改单击按钮时的颜色？

我试图使用onclick和getElementsByClassName更改按钮的颜色，并得出如下结论：

HTML:

<button onclick="submitButtonStyle()" type="submit" class="stylebutton"> 
Submit </button>

---

如果你们能给我一个提示，说明我的代码中缺少什么/我应该添加什么等，我将不胜感激。

文档。getElementsByClassName

返回一个对象数组，因为许多标记可能具有相同的类。如果您知道只有一个对象具有给定的类，请使用

document.getElementsByClassName("stylebutton")[0].style.backgroundColor = "red";

---

getElementsByClassName

返回一个

HTMLCollection

，因此您需要使用索引获取元素，在您的示例中，索引===0

getElementsByClassName[0]

实际上，您不需要调用函数

getElementsByClassName

，而是将元素作为参数传递

函数submitButtonStyle（\u this）{
_this.style.backgroundColor=“红色”；
}

Submit

className属性设置或返回元素的类名（元素的class属性的值）

函数submitButtonStyle（）{
document.getElementsByClassName（“stylebutton”）[0].style.backgroundColor=“red”}

提交
JS:

使用jquery，试试这个。如果您的按钮id为say id=clickme

$("clickme").on('çlick', function(){

    $(this).css('background-color', 'grey'); .......

$("clickme").on('çlick', function(){

    $(this).css('background-color', 'grey'); .......