为什么我的innerHTML对象没有改变时分配

Why is my innerHTML object not changing when assigned?

本文关键字：改变 分配 我的 innerHTML 对象 为什么      更新时间：2023-09-26

在我的HTML文件中，我有一个标题和两个按钮:

<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。有人知道我做错了什么吗?

我更喜欢使用addEventListener()而不是内联onClick。

这里是你的代码的一个工作示例

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";
    }
}

相关文章：