Necesito generar 4160 divs dentro de un contenedor div, pero no se muestra nada en la página, pero cuando hago console.log(containerDiv) , veo el elemento html con todos los divs. ¿Alguna idea de por qué no se muestra en el html?

 function generateDivs() { var dotsNumbers = 4160; var arrayDiv = new Array(); const containerDiv = document.createElement("div"); containerDiv.classList.add("dots-container"); console.log(containerDiv) for (var i = 0; i < dotsNumbers; i++) { arrayDiv[i] = document.createElement('div'); arrayDiv[i].id = 'block' + i; arrayDiv[i].style.backgroundColor = 'white'; arrayDiv[i].style.border = '1px solid black'; arrayDiv[i].style.width = '10px'; arrayDiv[i].style.height = '10px'; arrayDiv[i].className = 'block' + i; arrayDiv[i].textContent = "."; containerDiv.appendChild(arrayDiv[i]); } }