javascript - 如何在div中插入脚本src？

Question

我需要在 div 元素中添加脚本源。例如我有以下内容

<div id="recaptcha_div" class="controls">
 // script should go here
</div>

脚本如下

<script type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k=6Lcc4OYSAAAAABTEzBumk7dNbnpKbpC3JhVdi2yU&amp;hl=en_US"></script>

如何使用 JavaScript 或 jQuery 实现此目的？

Answer 1

var elem = document.getElementById("recaptcha_div");
var newScript = document.createElement("script");
newScript.type = "text/javascript";
newScript.src = "https://www.google.com/recaptcha/api/challenge?k=6Lcc4OYSAAAAABTEzBumk7dNbnpKbpC3JhVdi2yU&hl=en_US";
elem.appendChild(newScript);

在脚本标记内关闭正文之前将此 JS 附加到您的文档。