javascript - 事件监听器在 jsFiddle 中工作，但不在页面上

Question

可能重复：
为什么 jQuery 或诸如 `getElementById` 之类的 DOM 方法找不到元素？

此事件侦听器适用于 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.

Answer 1

尝试这个：

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

Answer 2

你的代码在#add之前运行那是行不通的你可以像这样解决它

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

或通过 JQuery

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

}) ;