Javascript 将警报添加到<;td>;使用onclick事件处理程序

Javascript 将警报添加到<;td>;使用onclick事件处理程序,javascript,html,Javascript,Html,我的页面上有一个10乘10的HTML表格,代表一个游戏。我目前正在尝试使游戏网格可点击,但由于某些原因,我的onclick处理程序无法正常工作。出于测试目的,我只想在用户单击其中一个网格单元时显示一个警报,但我似乎无法让它工作 这是我的代码: <body> <script type="text/javascript" language="javascript"> var compDiv = document.getElementById("compu

我的页面上有一个10乘10的HTML表格,代表一个游戏。我目前正在尝试使游戏网格可点击,但由于某些原因,我的onclick处理程序无法正常工作。出于测试目的,我只想在用户单击其中一个网格单元时显示一个警报,但我似乎无法让它工作

这是我的代码:

<body>
   <script type="text/javascript" language="javascript">
        var compDiv = document.getElementById("computer");
        var compCells = compDiv.getElementsByTagName("td");

        for (var i = 0; i < compCells.length; i++) {
            compCells[i].onclick = alertUser;
        }

        function alertUser() {
            alert("HI");
        }
   </script>
</body>

var compDiv=document.getElementById(“计算机”);
var compCells=compDiv.getElementsByTagName(“td”);
对于(变量i=0;i
有什么想法吗

更新已修复


我不确定发生了什么,但当我把上面的代码放在一个函数中,并在我的
标记中用onload调用该函数时,它起了作用。它现在按应有的方式显示。:)

它位于页面源中的何处?i、 e.在
标题
标签中或在表格下方的底部?可能您必须在使用前定义alerUser函数?在您引用它时,它是未定义的。将您的代码包装在
DOMContentLoaded
中,或者在关闭
标记之前放置您的脚本。@luanico,在
函数声明中,
,顺序无关紧要…现在我在关闭
标记之后有了脚本。