Chrome拡張機能開発で躓いたこと３つ

Chrome拡張機能開発で躓いたことを書き留めておきます。通常のWeb開発よりも制約が多すぎて結構やっかいです。ちなみに解決策は見つかっていません。

onclick属性が使えない

まずタグ内のonclick属性が使えません。onclick以外も同じでonmouseoverなども使えません。onclick属性が今どきの書き方じゃないっぽい気もしますが、イベント処理の選択肢が１つ消えたことになります。

 

インラインJavaScriptが使用できない

なぜかHTML内のインラインJavascriptが使えないんです。以下のように怒られます。なぜこんな仕様なのかはわかりません。Javascriptは別ファイルにしましょう。

 

動的に生成したタグの要素を捕獲できない

Javascriptで動的に生成した要素を捕獲することができません。以下のようなプログラムは怒られます。

//message要素はHTML内にあるとして
document.getElementById('message').innerHTML = "<div id='test'></div>";
document.getElementById('test').innerHTML = "Test"; //ここでエラー
 

 

以下は怒られた例。

 

どこかに解決策があると思うけど、今回は連続で躓きが重なったので吐き出しておきました。（だれか教えて）

 - Chrome拡張機能開発