Javascript - 在脚本位置插入元素

Question

例如，我如何在脚本位置插入元素(不依赖于 div 的 id 或类)

<div class="div">
    <script src='//remotehost/js/addDivSayHello.js'></script>
</div>

哪里addDivSayHello.js将插入 div child <div>hello</div> , 结果示例:

<div class="div">
    <div>hello</div>
    <script src='//remotehost/js/addDivSayHello.js'></script>
</div>

我尝试在 Stackoverflow 中搜索，但一无所获。

Answer 1

您可以使用 insertBefore方法。像这样:

var div = document.createElement('div'), // Create a new div
    script = document.scripts[document.scripts.length - 1]; // A reference to the currently running script

div.innerHTML = 'Hello'; // Add some content to the newly-created div
script.parentElement.insertBefore(div, script); // Add the newly-created div to the page

A live demo at jsFiddle .请注意，您也可以使用外部脚本。