通过类多次使用innerHTML

Question

我正在尝试基于类插入内容，但是只能使用一次，如何使其可以多次使用？

请参见示例：.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 (i in elemList) {
    elemList[i].innerHTML = "text0";
}

使用第1、2等类进行此操作