Javascript 如何更改HTML中的按钮背景色？

我正在尝试更改按钮的背景色，条件是： 如果颜色为“红色”，它将变为“绿色”并反转。 我试图写这段代码，但没有任何改变

函数变色{ var f=document.getElementByIdfood.value； 开关f{ 案件上午： var m=document.getElementsByNameFoodM； 如果m.style.backgroundColor==红色{ m、 style.backgroundColor=绿色； }否则{ m、 style.backgroundColor=红色； } 打破 案例evning： var e=document.getElementByNameFoodE 如果e.style.backgroundColor==红色{ e、 style.backgroundColor=绿色； }否则{ e、 style.backgroundColor=红色； } 打破 } } document.getElementsByName的值应介于-s之间。像

var m = document.getElementsByName("FoodM")[0]

---

此外，document.getElementsByName返回一个数组，因此在只有1个FoodM名称的元素的情况下，应该通过在末尾添加[0]来返回数组的第一个元素。

id“food”在文档中出现多次。

---

id应该是唯一的。

不能有多个元素具有相同的id，最好使用名为food的类并为按钮提供唯一的id。像document.getElementByIdFoodM这样使用它们也会更容易，因为getElementById返回的是单个元素而不是数组。我尝试了你所说的，但仍然不起作用。行有问题：var f=document.getElementByIdfood.value@shira1954对食物也有同样的想法。应该在引号之间