javascript - 使用 Javascript .insertAfter 或 .append 到元素 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 .