為什么分配時我的innerHTML對象沒有更改？

Question

在我的HTML文件中，有一個標題和下面的2個按鈕：

<h4 align="center">August 2014</h4>
<img src="images/arrow_BW_thin_left.png" alt="Previous Month" id="left" onMouseUp="funcLeft()" style="cursor:pointer">
<img src="images/arrow_BW_thin_right.png" alt="Next Month" id="right" onMouseUp="funcRight()" style="cursor:pointer">

在我的JavaScript文檔中，我有一個函數“ funcRight（）”：

function funcRight() {
    var month = document.getElementsByTagName("h4").item(0);
    if (month.innerHTML == "August 2014"){
        month.innerHTML="September 2014";
    } else if (month.innerHTML == "September 2014"){
        month.innerHTML="October 2014";
    }
}

當我單擊圖像時，它不會以任何方式更改innerHTML。 有人知道我在做什么錯嗎？

Answer 1

與內聯onClick我更喜歡使用addEventListener() 。

在這里，您可以找到自己的代碼示例

document.querySelector("#right").addEventListener("click", funcRight);

function funcRight() {
    var month = document.getElementsByTagName("h4").item(0);
    if (month.innerHTML == "August 2014"){
        month.innerHTML="September 2014";
    } else if (month.innerHTML == "September 2014"){
        month.innerHTML="October 2014";
    }
}

這是玩的小提琴 。