js 函数外获取页面元素，函数内调用为null

<script>
        var a = 999;
        var b = document.getElementById("Button1");
        var c = document.getElementById("btn2");
        //设置窗口返回值
        function test()
        {
            alert(a);
            alert(b);
            alert(c);
            
            var d = 999;
            var e = document.getElementById("Button1");
            var f = document.getElementById("btn2");
            alert("in function:");
            alert(d);
            alert(e);
            alert(f);
        }
        </script>

弹出:
999
null
null

in function:
999
object
object

这是为什么呢？