Используйте внутренний HTML классом несколько раз

Question

Я пытаюсь вставить контент, основанный на классе, однако он работает только один раз, как я могу заставить его работать несколько раз?

См. Пример: .inner HTML запускается только один раз, а не на следующем вхождения

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 и т. Д. c.