javascript - 如何在 JavaScript 中添加新元素？

Question

我创建了一个 JavaScript 脚本，可以将其粘贴到某人的页面上以创建 iFrame。我希望此人能够将脚本粘贴到他们希望 iFrame 出现的位置。

但是，我不知道如何将 DOM 创建的 iFrame 附加到粘贴脚本的位置。它总是将它附加到正文的最底部。

如何就地追加？

Answer 1

嗯。你可以做:

document.write("<div id='iframecontainer'></div>");
document.getElementById('iframecontainer').innerHTML = '...';

但这在很多不同的层面上都让人觉得丑陋/错误。不过，我不知道有任何其他选择。

编辑:实际上，快速谷歌搜索显示this artlcle其中讨论了为什么 document.write 是丑陋的，但对于您所处的特定泡菜来说是一个不错的选择:给您的 script 标签一个 ID!

<script id="iframeinserter" src=".."></script>

然后您可以获得对脚本标记的引用并在它之前插入 iframe:

var newcontent = document.createElement('iframe'); 
var scr = document.getElementById('iframeinserter'); 
scr.parentNode.insertBefore(newcontent, scr);