如何在JavaScript中添加新元素？

Question

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

但是,我无法弄清楚如何将DOM创建的iFrame附加到粘贴脚本的位置.它总是将它附加到身体的最底部.

我如何追加到位？

Answer 1

毫米.你可以这样做:

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

但是在许多不同的层面上感到丑陋/错误.不过,我不知道有任何其他选择.

编辑:实际上,一个快速的谷歌搜索揭示了这个艺术,讨论为什么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);