JavaScript AddEventListener不起作用

Question

因此，我正在嘗試制作幻燈片演示，用戶可以在其中單擊下一步瀏覽圖片。 我為圖像創建了一個數組：

var staff = new Array();
staff[0] = "/images/Isabelle.png";
staff[1] = "/images/Nook.png";
staff[2] = "/images/Timothy_Tommy.png";
staff[3] = "/images/Mabel.png";
staff[4] = "/images/Sable.png";
staff[5] = "/images/Labelle.png";

以及用於更改圖像的功能：

var i = 1;
function nextImage(){
    document.getElementById("slide").src = staff[i];
    if(i < staff.length)
        i++;
    else i = 0; //wraps around to first image
}

我添加到我使用onload初始化的registerHandlers函數中的addEventListener函數調用：

document.getElementById("next").addEventListener("click",nextImage,false);

圖像和“下一步”按鈕放置在主體內部的div中：

<div class="container">
    <img id ="slide" src="images/Isabelle.png" />
</div>
<div id="next">
    <button type="button">Next</button>
</div>

我嘗試查找解決方案和示例代碼，但似乎無法完成這項工作

Answer 1

嘗試將事件處理程序添加為DHTML，因此不必擔心它加載元素，以防萬一這是一個問題：

<button type="button" onclick="nextImage();">Next</button>