divタグの親を持つJavascript-Scriptタグは実行できません

Question

2つのタグを作成します.1つはdiv、もう1つはscriptです。 Scriptタグはsrcを持ち、divタグの子です。divタグをDOMのheadまたはbodyに追加すると、スクリプトタグのsrcはダウンロードされません。 私のコードは

var scriptTag= document.createElement("script"); 
scriptTag.type = "text/javascript"; 
scriptTag.src = "https://example.com/example.js"; 
var divTag=document.createElement("div"); 
div.innerHTML=scriptTag.outerHTML; 
document.body.appenChild(divTag); 

注意された： "https://example.com/example.jsは、" 実際のURL.My実際のURLは、JSファイルが含まれているではありません。

Answer 1

がいくつかの問題があります。

1. divあなたはscript要素オブジェクトを作成したhead
2. の有効な子要素はありませんが、あなたはouterHTMLを使用しようとしている（ラウンドは、 div
3. appendChildに追加するには、テキストマークアップによる旅行は）ちょうど1
4. トンを置くことへのポイントはありませんではない、2 d秒を持っていますdiv

正しい方法で、彼はスクリプトは次のようになります。

var scriptTag= document.createElement("script"); 
scriptTag.type = "text/javascript"; 
scriptTag.src = "https://example.com/example.js"; 
document.head.appendChild(scriptTag); // Or append it to document.body, doesn't matter 

あなたは本当に、本当にdivでそれをしたい場合は、あなたがそのdivでbody（直接またはネストされた）に置く必要があります：

を

var scriptTag= document.createElement("script"); 
scriptTag.type = "text/javascript"; 
scriptTag.src = "https://example.com/example.js"; 
var div = document.createElement("div"); 
div.appendChildD(scriptTag); 
document.body.appendChild(div); 

...動作しますが無意味です。