Javascript Append Child仅在Iframe第一次起作用，cloneNode不'；无法解决

我正在构建一个web应用程序来显示来自环境subreddit的视频。文本和标题使用Append Child重复OK，但视频iframe只加载一次

下面是我要重复的节点代码：

 node.innerHTML = `
   <h2 class="centered">
     <a href="${post.link}">
      <br>
     <iframe id="iframe-test" width="auto" height="auto" src="">
 </iframe>
<br>
      ${post.title} 
    </a>
  <br><br>
</h2>`;

---

但对我来说还是不行。我不明白为什么js会克隆元素的其余部分而不是iframe。

您需要为新的I-frame分配一个新id

因此，不要克隆对象，而是创建一个具有相同HTML字符串的新对象，但每次都要更改id。您可以使用guid或生成递增的数字来拥有唯一的id

 app.appendChild(node.cloneNode(true));