javascript - 事件监听器在 jsFiddle 中有效，但在页面上无效

<分区>

Possible Duplicate:
Why does jQuery or a DOM method such as `getElementById` not find the element?

此事件监听器适用于 jsFiddle，但当我从我的 PHP 页面调用它时则无效。

function addDice() {  
 var add = document.getElementById("add");  
alert("test");      
}  

var el = document.getElementById("add");   
el.addEventListener("click", addDice, false);  

   <li id="add">CAll ADD</li>

我的索引页中的脚本位于 <Script> 之间标签，如果我放一个 onclick="addDice"在<li>标记它有效，但不适用于 eventListener .

最佳答案

试试这个:

window.onload = function () {
    function addDice() {  
        var add = document.getElementById("add");  
        alert("test");      
    }  
    var el = document.getElementById("add");   
    el.addEventListener("click", addDice, false);
}

关于javascript - 事件监听器在 jsFiddle 中有效，但在页面上无效，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14662358/

上一篇：javascript - SetInterval 只调用一次，不知道为什么？

下一篇：javascript - 在 Twitter Bootstrap Datepicker 上禁用当前日期突出显示

相关文章：

javascript - 无法单击下拉列表中的元素？

javascript - 检查 JavaScript 是否存在意外分配

javascript - Coffeescript 相当于 Python 的 getattr

Javascript - Spine MVC - 类

Javascript 变量作用域阻碍了我

javascript - Chrome DevTools 命令行 API、jQuery、美元符号变量

javascript - 尝试使用 Jasmine spy 并收到 "is not a function"错误

javascript - 如何从 JavaScript 数据结构生成 HTML 列表结构？

Javascript 日期比较奇怪的行为

javascript - node - 如何在 nyc 和 mocha 中使用 source-map