WebExtensions に対応した拡張を書いています。
表題にありますようにユーザインターフェースを構成する HTML 文書のある要素に DOM でアクセスができません。具体的には location.js で示した JavaScript コードの getElementById で HTMLElement ではなく、null が返ってきます。要素を取得するにはどうすればよいでしょうか。
なお、location.html は browser.windows.create() にて POPUP させています。
location.html
コード:
<!DOCTYPE html>
<html>
<head>
<title>Location</title>
<meta charset="UTF-8">
<script src="location.js"></script>
<link rel="stylesheet" type="text/css" href="location.css">
</head>
<body id="main_box">
<div id="prefecture_box">
<div>都道府県</div>
<select name="prefecture" size="1" id="pref_list">
<option>北海道</option>
<option>青森県</option>
<option>秋田県</option>
<option>岩手県</option>
<option>山形県</option>
<option>宮城県</option>
<option>福島県</option>
<option>茨城県</option>
<option>栃木県</option>
<option>群馬県</option>
<option>埼玉県</option>
<option>東京都</option>
<option>神奈川県</option>
<option>千葉県</option>
<option>静岡県</option>
<option>山梨県</option>
<option>新潟県</option>
<option>長野県</option>
<option>富山県</option>
<option>石川県</option>
<option>福井県</option>
<option>岐阜県</option>
<option>愛知県</option>
<option>三重県</option>
<option>滋賀県</option>
<option>京都府</option>
<option>大阪府</option>
<option>奈良県</option>
<option>和歌山県</option>
<option>兵庫県</option>
<option>岡山県</option>
<option>鳥取県</option>
<option>広島県</option>
<option>島根県</option>
<option>山口県</option>
<option>香川県</option>
<option>徳島県</option>
<option>愛媛県</option>
<option>高知県</option>
<option>福岡県</option>
<option>佐賀県</option>
<option>長崎県</option>
<option>大分県</option>
<option>熊本県</option>
<option>宮崎県</option>
<option>鹿児島県</option>
<option>沖縄県</option>
</select>
</div>
<div id="region_box">
<div>地方</div>
<select name="region" size="1" id="reg_list">
</select>
</div>
</body>
</html>
location.js
コード:
var elm=document.getElementById('pref_list');
console.log(elm);
ログイン
ユーザー登録
FAQ
検索
