document.body.style.backgroundColorの構文は何ですか？

私はJavaScriptの初心者です。私は次のコードを持っており、それは非常に奇妙な動作をしています。それが何であるかとするとは元々背景色を赤に設定してから、警告ダイアログがクリアされた後に一連の背景色を循環します。カラー名は現在ストリング形式ですが、ヘキサIDを使用すると同じ動作になります。document.body.style.backgroundColorの構文は何ですか？

通常、ページが読み込まれると、想定されているように赤く塗りつぶし始めます。最初のアラートクリアでは、バックグラウンドがオレンジ色に変わることがありますが、時にはそうではない場合もあります。最後の色が変わるまで、次の対話（黄色、緑色、青色、藍色、黒色）。

<html> 
<head> 
<title>Color Flasher</title> 
</head> 

<body> 

<script type="text/javascript"> 
    function color1() { 
     document.body.style.backgroundColor = 'red'; 
    } 

    function color2() { 
     document.body.style.backgroundColor = 'orange'; 
    } 

    function color3() { 
     document.body.style.backgroundColor = 'yellow'; 
    } 

    function color4() { 
     document.body.style.backgroundColor = 'green'; 
    } 

    function color5() { 
     document.body.style.backgroundColor = 'blue'; 
    } 

    function color6() { 
     document.body.style.backgroundColor = 'indigo'; 
    } 

    function color7() { 
     document.body.style.backgroundColor = 'black'; 
    } 

    function color8() { 
     document.body.style.backgroundColor = 'violet'; 
    } 

    color1(); 

    alert("ready for another color? - orange"); 
    color2(); 

    alert("ready for another color? - yellow"); 
    color3(); 

    alert("ready for another color? - green"); 
    color4(); 

    alert("ready for another color? - blue"); 
    color5(); 

    alert("ready for another color? - indigo"); 
    color6(); 

    alert("ready for another color? - black"); 
    color7(); 

    alert("ready for another color? - violet"); 
    color8(); 
</script> 

<center> 
<h1>Color Flasher<br></h1> 
</center> 
<hr> 
</body> 
</html>

誰かが私が構文が間違っていると説明できますか？

出典

2011-08-03 ouka

は私のために毎回動作しますが、ドキュメントが完全に読み込まれていない可能性があります。 '