Append Child仅适用于Iframe，cloneNode无法解析

Question

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

http://codepen.io/Teeke/pen/KWaYRe

以下是我想重复的节点的代码：

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

我搜索'追加孩子只工作一次'并找到了两个来源。

• Append child only works once

• Using appendChild multiple times with the same node in JS

所以我尝试了第二个链接的以下内容。

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

但它仍然不适合我。我不明白为什么js会克隆元素的其余部分而不是iframe。

Answer 1

您需要为新的i-frame分配一个新ID。

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