Javascript - 在脚本位置插入元素

时间:2014-12-11 08:01:21

标签: javascript

如何在脚本位置插入元素(不依赖于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中搜索但没有找到任何内容。

4 个答案:

答案 0 :(得分:2)

您可以使用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。请注意,您也可以使用外部脚本。

答案 1 :(得分:1)

您可以使用insertAdjacentHTML:https://developer.mozilla.org/en-US/docs/Web/API/Element.insertAdjacentHTML

var node = document.querySelector('script[src="js/addDivSayHello.js"]');
node.insertAdjacentHTML('beforebegin', '<div>hello</div>');

答案 2 :(得分:0)

$("div.div").prepend('<div>hello</div>');

答案 3 :(得分:0)

你必须在某个时候调用脚本 我想使用jquery添加元素http://api.jquery.com/append/ 你必须说你要在哪里添加

$(".div")

那里应该发生什么

 .appand("<div>Hello</div>")

所以看起来像那样

$(".div").appand("<div>Hello</div>")