如何使用 .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;
}());

除非你有return msg，否则copyrightedYear 也将是undefined。