Question

创建一个简单的页面，通过innerHTML加载到div中的某些内容，但是当我使用这个javascript时：

document.getElementById("someDiv").innerHTML = 
   '<iframe id="test1" class="yt-embed " style="top: 50px; width: 98%; height: 80%; margin-left: 1%;" src="https://www.youtube.com/embed/R7Ui_FnOPh8?rel=0&amp;enablejsapi=1" allowfullscreen="false" frameborder="0" /><br>TEST';

但是iframe之后的所有内容都没有添加。有谁知道为什么会这样？

Answer 1

iframe无法自我终止，如：<iframe />。您必须为元素提供明确的结束标记：

 
       <iframe id="test1" class="yt-embed " style="top: 50px; width: 98%; height: 80%; margin-left: 1%;" src="https://www.youtube.com/embed/R7Ui_FnOPh8?rel=0&amp;enablejsapi=1" allowfullscreen="false" frameborder="0"></iframe><br>TEST

通过innerHTML添加内容（包括iframe）是不完整的

1 个答案: