javascript - 切换按钮的背景颜色

标签 javascript html input toggle

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

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。它仍然是白色的。 我该如何解决这个问题?

最佳答案

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

把那行写成这样:

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

Demo, with your code fixed and cleaned up

关于javascript - 切换按钮的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12038519/

相关文章:

php - 如何在 PayPal 捐赠中添加特定金额

html - 单击链接时防止页面转到顶部

javascript - vue.js 将焦点放在输入上

c - 动态 fscanf 到数组中

matlab - 阻止 "input"函数调用函数或访问变量

javascript - 子项上方的 CSS box-shadow,但保持交互

javascript - x.lastChild.nodeValue

javascript - Webgl 向量数组

html - 图像下方不需要的间距

javascript - "Error: path must be a string"(v5.10.0)