javascript - 切换按钮的背景颜色

Question

我有这部分代码，旨在每次单击时更改输入按钮的颜色。

function colorchange(id) 
 {
   if(document.getElementById(id).style.background == '#FFFFFF')
  {
   document.getElementById(id).style.background = '#000000';
  }
 else
  {
   document.getElementById(id).style.background = '#FFFFFF';
  }
 }

<input type="button" id="k777" onclick="colorchange('k777');" style="background:#000000;"/>

但是这不能正常工作。第一次单击它时，它确实将按钮的颜色从 #000000 更改为 #FFFFFF，但是当我再次单击它时，它不会变回 #000000。它仍然是白色的。我该如何解决这个问题？

Answer 1

那是因为 element.style.background 返回 rgb 格式的值。更改您的条件 if 语句以检查适当的 rgb 值，它应该可以正常工作。

把那行写成这样:

if(document.getElementById(id).style.background !== 'rgb(0, 0, 0)')

Demo, with your code fixed and cleaned up