javascript - 如何使用javascript在div中附加iframe

Question

我试图使用 javascript 将嵌入的 Iframe 附加到 div 元素，但在尝试使用 innerHtml 附加它时出现错误。有没有办法使用javascript在div中附加一个iframe。我当前的代码附在下面。提前致谢。

function addCode() {
  document.getElementById("add_to_me").innerHTML +=
    "<iframe width="
  1263 " height="
  480 " src="
  https: //www.youtube.com/embed/zogtwLQQEfY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>";
}

<div id="add_to_me">
  <h3> Heading</h3>
  <!--embed Iframe here-->
</div>

Answer 1

该字符串包含用双引号括起来的属性 - " .用单引号包裹整个字符串 - ' .

document.getElementById("add_to_me").innerHTML +=
  '<iframe width="1263" height="480" src="https://www.youtube.com/embed/zogtwLQQEfY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';

<div id="add_to_me">
  <h3> Heading</h3>
  <!--embed Iframe here-->
</div>