Cada vez que llamo a la función updategrid() , se supone que mi código itera sobre todos los elementos secundarios existentes de div.container y elimina cada uno de los childNode . En lugar de hacer eso, elimina exactamente la mitad de los niños y deja el resto.
Aquí está el javascript:
function updateGrid() { for(const child of container.children) { console.log(child) container.removeChild(child) } } gridDisplay(16, 16) function gridDisplay(yNodeCount, xNodeCount) { for (let i = 0;i < yNodeCount; ++i) { let div = document.createElement('div'); div.classList.add('children'); container.appendChild(div); for(let j = 0; j < xNodeCount; ++j) { let div2 = document.createElement('div'); div2.classList.add('xChildren'); div.appendChild(div2); } } }Aquí está el HTML:
<div class="container"> </div>Aquí están los div de niños después de llamar a la función updateGrid() :
