我有这部分代码,旨在每次单击时更改输入按钮的颜色。
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)')
关于javascript - 切换按钮的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12038519/