如何在调用此函数的脚本之后添加新元素

Question

我有一个调用脚本的页面，例如：

<script src="http://www.mypage.com/widget/script.js" type="text/javascript"></script>

在这个脚本中，我在执行时获得当前的"脚本"，如下所示：

var scripts = document.getElementsByTagName('script');
var myScript = scripts[scripts.length - 1];

现在，我想做的是在这个"元素"之后（我的意思是，在我的调用页面中的脚本之后）添加一个新元素，例如：

<div>New Element</div>

所以我页面的最终结果将是：

<script src="http://www.mypage.com/widget/script.js" type="text/javascript"></script>
<div>New Element</div>

我该怎么做？我想我会用 jquery 包装myScript，但不知道如何在 DOM 中的这个元素之后添加一个新元素。

Answer 1

var d = $('<div>');
d.text("new element");
$(myScript).after(d);