Javascript运行出现错误Cannot set property 'display' of undefined at HTMLDocument.document.onclick

Javascript运行出现错误（第八行 $("pop").style.display = "none";）

<script type="text/javascript">
    // 封装获取元素的语法
    function $(id) {
        return document.getElementById(id);
    }
    window.onload = function() {
        document.onclick = function(e) {
                $("pop").style.display = "none";
            }
            // var pop = document.getElementById("pop");
        $("btn").onclick = function(e) {
                if (pop.style.display == "block") {
                    //对当前状态的判断
                    $("pop").style.display = "none";
                } else {
                    $("pop").style.display = "block";
                }
                var e = e || window.e;
                stopFunc(e);
            }
            // 用来阻止点击显示的区域隐藏
        $("pop").onclick = function(e) {
            var e = e || window.e;
            stopFunc(e);
        }
    }
 
    function stopFunc(e) {
        /*标准浏览器有效 IE不行   e.stopPropagation();*/
        /*没有兼容性问题阻止事件冒泡e.cancelBubble = true;*/
        e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
    }
</script>

ncaught TypeError: Cannot set property 'display' of undefined at HTMLDocument.document.onclick

看过很多写法修改也不行，好心的朋友帮帮忙。
上方样式

<div class="dingwei"><div class="kuang"><div id="btn"><a><img src="flags/24/en.png" height="24" width="24" alt="en" > English</a></div><div id="pop"><a href="ar.html" title="العربية" class="nturl"><img height="24" width="24" alt="ar" src="flags/24/ar.png"> العربية</a><a href="/" title="简体中文" class="nturl"></div>

```

加个jquery，有很多现成的方法可以操作

报错是在哪一行的