多次使用class的innerHTML

Question

我正在尝试插入基于 class 的内容但是它只能工作一次，我怎样才能让它工作多次？

请参阅示例： .innerHTML 仅运行一次，而不是在下一次出现时

 window.onload = function(){ document.getElementsByClassName("0")[0].innerHTML = `text0`; document.getElementsByClassName("1")[0].innerHTML = `text1`; document.getElementsByClassName("2")[0].innerHTML = `text2`; document.getElementsByClassName("3")[0].innerHTML = `text3`; }

 <div class="x 0"></div> <div class="x 1"></div> <div class="x 2"></div> <div class="x 3"></div> <div class="x 0"></div> <div class="x 1"></div> <div class="x 2"></div> <div class="x 3"></div>

Answer 1

document.querySelectorAll('.x').forEach((element, i) => {
  element.innerText = `text${i}`
})

Answer 2

var elemList = document.getElementsByClassName("0");
for (let i = 0; i < elemList.length; i++) {
    elemList[i].innerHTML = "text0";
}

对 1、2 等类执行此操作。