如何在 JavaScript 中添加新元素？

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

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

如何就地追加？

Mm. You could do:

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

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

EDIT: 事实上，快速谷歌搜索显示本文 http://www.sitepoint.com/blogs/2007/07/11/insert-in-place-without-documentwrite/其中讨论了为什么document.write是丑陋的，但对于你所处的特定泡菜来说是一个不错的选择：给你的script标记一个ID！

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

然后您可以获得对 script 标记的引用并在其前面插入 iframe：

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