Question

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

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

这是我的密码笔：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，否则undefined也将是return msg。

如何使用.textContent更新元素

1 个答案: