javascript - 如何使用 .textContent 更新元素

Question

我想使用一个使用 JavaScript 的脚本来更新网站页脚中的元素。但是，h3 元素没有更新。

我已经尝试过textContent not updating HTML ，但我无法在那里找到我的解决方案。

这是我的 CodePen:https://codepen.io/martinlutherwinn/pen/NWPvRpZ

这是我当前的代码:

<div class="Footer">
    <h3></h3>
</div>

var copyrightedYear = (function() {
    var header = document.getElementsByClassName("Footer")[0].textContent;
    var currentDate = new Date();
    var currentYear = currentDate.getFullYear();
    var msg = "@" + currentYear + " Haitian Educators of Palm Beach.";
    header = msg;
}());

Answer 1

您正在为 header 设置一个新值，它是元素中文本的副本。您需要分配给属性来更改文本:

var copyrightedYear = (function() {
    var header = document.getElementsByClassName("Footer")[0];
    var currentDate = new Date();
    var currentYear = currentDate.getFullYear();
    var msg = "@" + currentYear + " Haitian Educators of Palm Beach.";
    header.textContent = msg;
}());

此外，除非您有返回消息，否则copyrightedYear将是未定义。