无法获取document.getElementByID("testclick").addEventListener工作

Wou*_*erd -1 html javascript getelementbyid addeventlistener

我在做一些非常愚蠢的事情,我很确定; 已经好几个小时了,我开始失去生活的意志.更糟糕的是我之前在画布上成功使用了它,但即使这个例子也没有帮助我.

html文件(index.html)

<body style="margin: 0px;">
    <div ID="testclick">
        <style>
            #testclick{
            width:100px;
            height:100px;
            background-color:black;
            }
        </style>
    </div>

    <script language="javascript" src="test.js" ></script>
</body>
Run Code Online (Sandbox Code Playgroud)

javascipt文件(test.js)

(function(){
var el = document.getElementByID("testclick");
el.addEventListener("click", sockClicked, false);

function sockClicked(){
    console.log("HAR");
};
})();
Run Code Online (Sandbox Code Playgroud)

错误消息:未捕获TypeError:undefined不是函数

我用Google搜索并阅读了几个与此错误相关的内容与addEventListener相结合.我还阅读了几个关于如何使用getElementByID以及addEventListener的教程.但仍然没有快乐.有人请救我脱离这无尽的动荡.(

Den*_*ret 5

getElementById,不是getElementByID.Javascript区分大小写.