javascript - innerhtml 字符串到多个元素

Question

这个问题已经有答案了:

What do querySelectorAll and getElementsBy* methods return? (12 个回答)

已关闭 5 年前。

是否可以像这样将 html 插入到类中？它不起作用，我在控制台中没有错误。

<p class="caption">Copyright &copy; <span class="yearTarget"></span></p>
<p class="caption">Copyright &copy; <span class="yearTarget"></span></p>
<p class="caption">Copyright &copy; <span class="yearTarget"></span></p>

<script>
    var currentYear = new Date().getFullYear();
    var yearTarget = document.getElementsByClassName("yearTarget");
    yearTarget.innerHTML = currentYear;
</script>

Answer 1

Document.getElementsByClassName()返回一个类似数组的对象。您必须指定索引或遍历所有元素才能单独设置 innerHTML:

var currentYear = new Date().getFullYear();
var yearTarget = document.getElementsByClassName("yearTarget");
[...yearTarget].forEach(function(el){
  el.innerHTML = currentYear;
});

<p class="caption">Copyright &copy; <span class="yearTarget"></span></p>
<p class="caption">Copyright &copy; <span class="yearTarget"></span></p>
<p class="caption">Copyright &copy; <span class="yearTarget"></span></p>