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