首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将我用for循环创建的10个<p>追加到父循环中?

如何将我用for循环创建的10个<p>追加到父循环中?
EN

Stack Overflow用户
提问于 2020-07-17 08:57:34
回答 2查看 50关注 0票数 0

我已经用for循环创建了10个<a>标签。如何添加全部10个

变成一个一体化的家长吗?

代码语言:javascript
运行
复制
    for (i = 0; i < h2Len; i++){
        document.createElement("a");
    }
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-07-17 08:59:12

您可以使用.appendChild来实现此目的。

代码语言:javascript
运行
复制
for (i = 0; i < h2Len; i++){
   const a = document.createElement("a");
   //set some properties...
   parentElement.appendChild(a);
}

代码语言:javascript
运行
复制
const parentElement = document.querySelector('div');
for(let i = 0; i < 10; i++){
  const a = document.createElement('a');
  a.href = "https://example.com";
  a.textContent = "Link " + i;
  a.style.display = "block";
  parentElement.appendChild(a);
}
代码语言:javascript
运行
复制
<div></div>

票数 2
EN

Stack Overflow用户

发布于 2020-07-17 09:04:23

为了避免每次将子元素追加到父元素时都进行回流,可以使用document fragment

代码语言:javascript
运行
复制
const fragment = document.createDocumentFragment();

for (i = 0; i < h2Len; i++){
   const newElement = document.createElement("a");
   fragment.appendChild(newElement);
}

parentElement.appendchild(fragment);
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62945559

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档