javascript 奇怪问题 有来回答下么？？？

<html>
<head>
<title></title>
</head>
<body>
<script language="javascript">
var x = document.getElementById("txt")  //定义在function外 fn()找不到对象
function fn()
{
////var x = document.getElementById("txt")  //定义在function内 显示正常
  alert(x);
}
fn()
</script>
<div id="txt">hellow world</div>
</body>
</html>
请问 这是为什么呢？？？？