お世話になっております。 HTML文書で、自分自身のHTMLコードを変更するJavaScriptコードを作成しています。次のようなHTML文書を作成しました。 IEやFirefoxではinnerHTMLへの代入がうまくいかないので、現在のところは Google Chromeで実行することを想定しています。 ##コード ```html ``` ##質問 html要素のinnerHTMLを入れ替えると、新しいscriptタグ内の関数がうまく呼び出されなくなります。仕様でしたらそのようなドキュメントのありかを、またその回避策を知りたく思います。もし上記のコードであやしい箇所などありましたら、ご指摘いただきたく思います。 ##現状の動作 Google Chromeで実行するとこのような画面が表示されます。 ![ブラウザ画面](5f7664e66f2e12770ee0e0793f4e89d9.png) [インライン？の場合]ボタンをクリックすると"OK DESU"、[入替前の関数]ボタンでは"Okay"とアラート表示されます。[入替後の関数]ボタンでは、show2関数の記述は無いので、反応はありません。 [TEST]ボタンでは、html要素の中身がアラート表示されます。ここで、[入替実行]ボタンをクリックすると、html要素のinnerHTMLの中身が入れ替わります。最初に入替前のhtml要素内のソースがアラート表示され、関数名show1がshow2に、"OK DESU"リテラルが"OK KANA"に変更され、この内容がアラート表示されたあと、html要素のinnerHTMLをこれに入れ替えます。 ![入れ替え前](16d35c6f0a74d3956efeae9f865e35ad.png) ![入れ替え後](2fb943a6a35b2c7a3b8a0dd2fe9449e1.png) 入替後、[TEST]ボタンをクリックすると、html要素の中身が入れ替わっていることが確認できます。そして、[インライン？の場合]ボタンをクリックすると、こんどは"OK KANA"と表示されるようになります。しかし、[入替後の関数]ボタンをクリックしても"Okay"とアラート表示がされません。デバッガで確認すると、"show2 is not defined"と表示されます。 ![エラー内容](c6d18a0b174e94bdd25e9adeb6569e8b.png) ※理由があって、単一のHTMLファイルにすべてを詰め込む必要があり、jsファイルへ分離することができません。宜しくお願い致します。

	@@ -1,1 +1,1 @@
1	- innerHTMLを置き換えた場合のscript要素
1	+ <html>.innerHTMLを置き換えた場合のscript内の関数

質問編集履歴