Append Child僅適用於Iframe的第一次，cloneNode無法解析

Question

我正在構建一個Web應用程序以顯示來自環境subreddit的視頻。文字和標題使用追加子重複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幀分配一個新的ID。

因此，不要克隆該對象，而是使用相同的HTML字符串創建一個新對象，但每次都要更改該ID。你可以使用一個GUID或生成一個越來越多的數字來擁有唯一的ID。