子を追加する初めての場合、iframeの場合はcloneNodeが解決されません。

Question

私は環境サブディレクトリのビデオを表示するWebアプリケーションを構築しています。 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>`; 

Iと2つの情報源を発見した「一回だけ働く子を追加」で検索。

Using appendChild multiple times with the same node in JSだから私は2番目のリンクから来て次のことを試してみた

Append child only works once

• 。

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

  しかし、それでも私のためには機能しません。なぜjsが要素の残りの部分を複製するのか、iframeは複製しないのか分かりません。

Answer 1

新しいi-frameに新しいIDを割り当てる必要があります。

オブジェクトを複製する代わりに、同じHTML文字列を使用して新しいオブジェクトを作成しますが、その都度idを変更してください。あなたはguidを使うことができますし、増加する数字を生成して一意のIDを持つこともできます。