这段代码哪里错了我按课程代码换个名称而已
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.message{width:100px;height:200px;background: red;}
</style>
<script>
var odiv=document.createElement("div");
odiv.className="message";
var otxt=document.createTextNode("hellow world");
odiv.appendChild(otxt);
document.body.appendChild(odiv);
</script>
<body>
</body>
</html>浏览器一顿报错 document.body.appendChild(odiv); is null 怎么就为空了