如何更改第一个Child动态的内容

Question

for(let i = 0; i < 8; i++) {
let childDiv = document.createElement('div');
  divi.id = "addDay";

childDiv.className = "boxName";
divi.appendChild(childDiv);
childDiv.textContent = "0"; 
}
document.querySelector('#map'); 
map.appendChild(divi);
divi.firstChild.style.backgroundColor = "green";
change();
}
function change(){ 
n = document.getElementById('addDay');
n.firstChild.textContent = 'something'; 
}

我每次单击都需要更改addDay的第一个孩子的内容，但是此功能仅使它一次。您认为问题出在哪里？