<script>タグの動的な削除

Question

ウィンドウの幅が変更されるたびに外部JavaScriptの追加と削除するという処理を作っています。
ウィンドウの幅が変更するされるときに、<script>タグを削除して、新たに違う<script>タグを追加して、入れ替えるためです。

<script>のタグを削除するにはどうすればよいでしょうか？ よろしくお願いします。

Answer 1

script要素を入れ替える

削除して追加するなら、既存のscript要素をそのまま流用しては如何でしょうか。

<script id="sample" src="a.js"></script>
<script>
'use strict';
document.getElementById('sample').src = 'b.js'; // src プロパティ値を変更する
</script>

一応、removeChild で削除し、replaceChild でノードを置換する事が可能です。

• Node.removeChild - Web API インターフェイス | MDN
• Node.replaceChild - Web API インターフェイス | MDN

script要素を削除する

script要素を削除しても、scriptコードで実行された結果は消えません。
DOMツリー上からなくなる以外の結果は得られないので、通常であれば script 要素を削除する事に意味はありません。

Re: U.syuhei さん

Answer 2

多分ですが、必要ない操作です。
JavaScript の挙動としては、必要な script をすべて読み込んで、選別して使用するといったことが正しい使い方だと思います。
要件が不明ですが、整理して再質問してみては？

Answer 3

タグを削除しても状態がのこるみたいで消す前と挙動はかわらないみたいです

var s=document.getElementsByTagName("script")[0];
s.parentNode.removeChild(s);

的な処理で確認してみるとわかると思います