这个基本的JavaScript代码有什么问题？

Question

我正在尝试编写基本的JavaScript,它将段落的背景更改为黄色,然后在单击时将其更改为粉红色.

<p id="foo">Hello, people!</p>

和脚本是

window.onload = function(){
var foo = document.getElementById("foo");
foo.onclick = function(){
        if(foo.style.background!=="yellow")foo.style.background = "yellow";
        if(foo.style.background === "yellow")  foo.style.background = "pink";
};
};

第一次点击时颜色变为黄色,但再次点击时颜色不会变为粉红色.我无法弄清楚这个问题.

Answer 1

编辑:不要使用background,使用backgroundColor

固定的例子

    if(foo.style.background!=="yellow")foo.style.background = "yellow";
    if(foo.style.background === "yellow")  foo.style.background = "pink";

需要是:

    if(foo.style.background!=="yellow")foo.style.background = "yellow";
    else if(foo.style.background === "yellow")  foo.style.background = "pink";

因为你把它改成黄色,然后检查它是否是黄色并使其变成粉红色