為什么回圈沒有在 dom 中寫入預期的輸出 15 次
我試圖用另一個 div 孩子創建一個元素 div 15 次
這是代碼
for(let i=1;i<=15;i ){
let smalldiv=document.createElement("div").textContent=i;
let pr =document.createElement("div");
pr.textContent="product";
};
smalldiv.appendChild(pr);
uj5u.com熱心網友回復：
let smalldiv=document.createElement("div").textContent=i;
未設定smalldiv為 DIV。當你寫
let x = y = z;
它相當于
y = z;
let x = y;
所以你設定smalldiv為textContent你分配i給的。
即使您確實設定smalldiv了 DIV，也不會將其附加到 DOM，因此您將看不到結果。
既然你要追加pr到smalldiv回圈之后，你只是附加的最后一個pr。但這也行不通，因為范圍pr是回圈體，所以在回圈完成后你不能參考它。您應該將其附加到回圈中。
不要將 DIV 用于編號專案，請使用有序串列<ol>，其中包含<li>元素。
let ol = document.createElement("ol");
for(let i=1;i<=15;i ){
let pr =document.createElement("li");
pr.textContent="product";
ol.appendChild(pr);
};
document.body.appendChild(ol);uj5u.com熱心網友回復：
首先創建div smalldiv，然后添加textContent。然后，您需要使用 DOM 中已有的元素將元素附加到 DOM 或附加到 document.body。
for(let i=1;i<=15;i ){
// create the div and assign the variable
let smalldiv=document.createElement("div");
// set the textContent once created
smalldiv.textContent = `${i}. `;
// create new div 'pr'
let pr = document.createElement("span");
// assign its content
pr.textContent="product";
// append pr to smalldiv
smalldiv.append(pr);
// append smalldiv to the body
document.body.append(smalldiv);
};轉載請註明出處，本文鏈接：https://www.uj5u.com/net/327705.html
標籤：javascript html 循环 for循环 dom
上一篇：根據選擇更新欄位