如何在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附加到您的文档中。

Answer 2

Hithere！

尝试以下方法：

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

古德勒克！

Answer 3

试试这个

var ele = document.getElementById('recaptcha_div');
var js = document.createElement("script");

js.type = "text/javascript";
js.src = jsPath; // your path

ele.appendChild(js);

Answer 4

使用

$（“＃recaptcha_div”）。append（“你的脚本标签”）;