.insertAfter or.append 到具有 Javascript 的元素 ID。 這是一個腳本標簽，所以它不能與 $

Question

我想在 div 之后添加一個腳本，這就是我所擁有的：

<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);

這段代碼將在頁面末尾<script src="Scripts/start.debug.js"></script> ，我在 div #uno之后需要它。 我可以用什么代替document.body.appendChild ？

Answer 1

<script>
// This function inserts newNode after referenceNode
function insertAfter( referenceNode, newNode )
{
    referenceNode.parentNode.insertBefore( newNode, referenceNode.nextSibling );
}
insertAfter(document.getElementById("uno"), newScript);
</script>

即使 DOM 中不存在 nextSibling，它仍然可以工作，“因為當 insertBefore 的第二個參數是 null 時，newNode 將附加到 parentNode 的末尾”。 可以在這里找到一個很好的描述： http://www.netlobo.com/javascript-insertafter.html 。