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