【初学者】问题又来了，关于改变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()里面颜色第一次点击没反应，第二次点击开始才能第一次变一次
------解决方案--------------------
嗯，因为document.body.bgColor的初始值为空
所以点第一次时给改成 write。