18910140161

JavaScript-loop没有在dom中写入预期的输出15次-堆栈溢出

顺晟科技

2022-10-19 13:13:36

127

为什么循环没有在dom中写入15次预期的输出

我试图用另一个div子函数创建一个elemnt div15次

以下是代码


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);



顺晟科技:


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);


不设置为div。当您写入


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);


它相当于


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);


所以您将设置为您分配给的值。

并且即使设置了DIV,也不会将其追加到DOM,因此看不到结果。

由于要追加到after循环,所以只是追加了last。但那也行不通,因为的作用域是循环体,所以在循环完成后不能引用它。您应该将其追加到循环中。

不要对编号项使用DIV,使用有序列表,其中包含元素。

首先创建div smalldiv,然后添加textContent。 然后需要使用DOM中已经存在的元素将元素追加到DOM,或者追加到document.body.

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航