Question

頁面呈現時，我使用javascript設置的html源顯示在頁面上而不是內容本身。

我該如何顯示iframe本身？

我從REST api收到這些iframes的列表，並希望將它們填充到div中。

HTML ..

<div id="1"> 

</div> 

的JavaScript ..

document.getElementById('1').innerHTML = '<iframe class=\"embedly-embed\" src=\"https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2FTTmeaE6.mp4&src_secure=1&url=http%3A%2F%2Fi.imgur.com%2FTTmeaE6.gifv&image=https%3A%2F%2Fi.imgur.com%2FTTmeaE6h.jpg&key=2aa3c4d5f3de4f5b9120b660ad850dc9&type=video%2Fmp4&schema=imgur\" width=\"600\" height=\"338\" scrolling=\"no\" frameborder=\"0\" allowfullscreen></iframe>'; 

https://jsfiddle.net/bobbyrne01/gj3ah3jw/

Answer 1

請使用下面的代碼，而不是你的

您使用< &有一個問題> ..他們不需要轉換直接進入& l t; ...

document.getElementById('1').innerHTML = '<frame class=\"embedly-embed\" src=\"https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fi.imgur.com%2FTTmeaE6.mp4&amp;src_secure=1&amp;url=http%3A%2F%2Fi.imgur.com%2FTTmeaE6.gifv&amp;image=https%3A%2F%2Fi.imgur.com%2FTTmeaE6h.jpg&amp;key=2aa3c4d5f3de4f5b9120b660ad850dc9&amp;type=video%2Fmp4&amp;schema=imgur\" width=\"600\" height=\"338\" scrolling=\"no\" frameborder=\"0\" allowfullscreen><iframe>';