javascript - 动态创建 div 会触发两次

Question

我看过类似的帖子，但没有什么对我有 100% 的帮助

我需要在正文的第一个元素之前插入这些 div，当特定的 js 文件加载到页面中时。我希望在加载脚本时触发它，然后在现有的第一个子元素前面添加两个 div。

$('<div id="DIV1"><div id="DIV2"></div></div>').prependTo('body:first').index();

我可以在没有附加函数的 .js 文件中使用上面的代码，它可以工作，但会触发两次。我已经尝试了多种方法来做到这一点，但是我尝试的几乎所有东西都会触发两次，所以我得到了两个 div 而不是 1。

谁能指导我以更好的方式做到这一点？

谢谢

Answer 1

您可以使用“原始”javascript：

var firstBody = document.querySelectorAll.apply(document,['body'])[0];
var div1 = document.createElement('div'), div2 = document.createElement('div');
div1.innerText = 'DIV #1';
div2.innerText = 'DIV #2';
firstBody.appendChild(div1);
div1.appendChild(div2);

---

希望这可以帮助