如何使用 .textContent 更新元素

Question

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

我试过textContent 不更新 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 。