I want to add a script after a div, this is what I have:
<div id="uno">insert after this</div><br />
<开发者_如何学运维;p>this is a paragraph</p><br />
<div>this is a div</div>
var myscript = document.createElement('script');
myscript.setAttribute('src', 'Scripts/start.debug.js');
document.body.appendChild(myscript);
and this code will ad <script src="Scripts/start.debug.js"></script>
at the end of the page, and i need it after div #uno
. What can I use instead of document.body.appendChild
?
<script>
// This function inserts newNode after referenceNode
function insertAfter( referenceNode, newNode )
{
referenceNode.parentNode.insertBefore( newNode, referenceNode.nextSibling );
}
insertAfter(document.getElementById("uno"), newScript);
</script>
Even if a nextSibling doesn't exist in the DOM it will still work "because when the second parameter of insertBefore is null then the newNode is appended to the end of the parentNode". A great description can be found here: http://www.netlobo.com/javascript-insertafter.html.
精彩评论