javascript - javascriptで動的に生成されるdivタグにscriptタグを付ける方法

Question

ID「videos」の静的タグ内にID「video1」の動的タグを作成します。

document.getElementById("videos").innerHTML = '<div id="video1"></div>';

しかし、別のスクリプトタグを追加したいときは失敗しました。

以下は、そのタグを追加する私のコードです:

var s = document.createElement("script");
s.id = "scriptId"; //script tag's id
document.getElementById("video1").appendChild(s);

上記のコードは静的タグでは機能しますが、動的に生成されたタグ video1 では機能しません。JavaScriptによって動的に生成される別のタグにスクリプトタグを追加する方法はありますか?

ありがとう。

Answer 1

代わりに、ヘッドに追加します。

var s = document.createElement("script");
s.id = "scriptId"; //script tag's id
document.getElementsByTagName("head")[0].appendChild(s);

eval(s.text)を使用して、スクリプトのテキスト コンテンツを評価することもできます。