JS设置点击按钮改变DIV的颜色，两种颜色切换改变。

Question

为什么点击没有反应呢。

#div1{width:200px; height:200px; background:#000;}
-----------------------------------

<script>
function show(){ var oDiv=document.getElementById('div1'); if(oDiv.style.background=='000') { oDiv.style.dbackground='FF0000'; } else { oDiv.style.background='000'; }}
</script>

-------------------------------------
<input type="button" value="变色" onclick="show()" /><div id="div1"></div>

Answer 1

1、background=='#000'
2、oDiv.style.dbackground='FF0000';dbackground 拼错了

追问

为什么上面要加# 而下面就不用加#就可以呢？

这个真是大意了，刚学不熟悉。

还有个问题，这个if判断能不能把顺序颠倒一下呢，

比如先判断#FF0000 ，然后执行000，再else FF0000，我刚才试了一下，这样好像只能执行一次。

追答

想复杂了，理论上都应该加上#号，因为这是表示颜色的一种固定格式。
顺序都可以随意颠倒，当前的颜色你可以用alert(oDiv.style.background),或console.log查看进行对比。