¿Por qué document.body es nulo en mi javascript?

Aquí está mi breve documento HTML.

¿Por qué la Consola de Chrome observa este error?

"TypeError no capturado: no se puede llamar al método 'appendChild' denull "?

<html>
<head>
    <title>Javascript Tests</title>

    <script type="text/javascript">

        var mySpan = document.createElement("span");
        mySpan.innerHTML = "This is my span!";

        mySpan.style.color = "red";
        document.body.appendChild(mySpan);

        alert("Why does the span change after this alert? Not before?");

    </script>
</head>
<body>

</body>
</html>

Respuestas a la pregunta(12)

Su respuesta a la pregunta