Question

我在这里做了一些非常愚蠢的事情，我确信这一点;已经好几个小时了，我开始失去生存的意志。更糟糕的是，我在画布上成功使用了这个，但即使这个例子也没有帮助我。

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>

javascipt文件（test.js）

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

function sockClicked(){
    console.log("HAR");
};
})();

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

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

Answer 1

它是getElementById，而不是getElementByID。 Javascript区分大小写。

Answer 2

js函数的正确代码是：

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

function sockClicked(){
    console.log("HAR");
};
})();

无法获取document.getElementByID（＆＃34; testclick＆＃34;）。addEventListener工作

2 个答案: