我需要在容器 div 內生成 4160 個 div，但頁面上沒有顯示任何內容，但是當console.log(containerDiv)我看到 html 元素時，每個 div 都在其中。任何想法為什么它不顯示在 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]);
}
}
uj5u.com熱心網友回復：
控制臺可以愉快地顯示檔案中還沒有父節點的元素，并且您沒有將 添加containerDiv到檔案本身，因此它會正確顯示在瀏覽器框架中。
只需添加（例如 - 如果您需要在其他地方添加新創建的容器，請相應地進行調整）
document.body.appendChild(containerDiv);
在末尾。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/327697.html
標籤：javascript html dom 附子
上一篇：如何使用其類在導航上使用onmouseover事件？
下一篇：如何遍歷嵌套的DOM樹