【初学者】问题又来了，关于改变body背景色的问题

 function changeColor() {
            if (document.body.bgColor == "red") {
                document.body.bgColor = "white";
            }
            else {
                document.body.bgColor = "red";
            }
        }
        function changeColor1() {
            if (document.body.bgColor == "white") {
                document.body.bgColor = "red";
            }
            else {
                document.body.bgColor = "white";
            }
        }

        <input type="button" value="改变颜色" onclick="changeColor()" />
        <input type="button" value="改变颜色1" onclick="changeColor1()" />

新手奇葩问题多，请大侠帮忙解释下
为什么changeColor()里面颜色点一次变一次
changeColor1()里面颜色第一次点击没反应，第二次点击开始才能第一次变一次 JavaScript
[解决办法]
嗯，因为document.body.bgColor的初始值为空
所以点第一次时给改成 write。