【JavaScript】script要素<script>を動的に実行する | Web活

innerHTMLでscript要素を追加したり、既に実行されたscript要素をcloneNodeでコピーしてそれを追加しても処理は実行されない。script要素を実行するには、createElementで新たにscript要素を作り、appendChildで追加する必要がある。 例えば、Ajaxなどでhtmlを書き換える時、同時にscript要素にある処理も実行したい場合、新たにscript要素を作ってそこに実行したい処理をコピーしなければいけない。そういう時に使えるスクリプトを書いた。 function cloneScript(element) { var script = document.createElement('script'); var attrs = element.attributes; for(var i = 0, len = attrs.length; i < l

[ryownet]

SCRIPTノードをDOM上に複製しても実行されないので、createElementして実行すべし