iframe 内に iframe.html をロードし、その iframe を Chrome 拡張機能から現在のページの DOM に追加しようとしています。私はそうしましたが、クリックイベントを処理し、フレーム要素の値(入力、選択ボックス)を取得できます。ここまでは大丈夫です。今問題は、iframe.html 内のコンテンツを DOM に挿入すると変更できなかったことです (より具体的には、iframe.html [DOM に追加された] に入力ボックスがあり、値は次のとおりです。 "XXXX" を、ユーザーが拡張機能のコンテキスト メニューをクリックしたときに "YYYY" に変更したい)。
を使用して入力ボックスの値を取得しようとしました
$('#iframe_id').contents().find('input#input_id').val('YYYY')
(or)
window.frames['iframe_id'].document.getElementId('input_id').value
私のcontent.jsでは役に立ちません。
console.log($('#iframe_id'))
コンソールに iframe オブジェクトを出力しますが、iframe ドキュメントのコンテンツを取得できません。これは、クロム拡張機能によって挿入された iframe コンテンツを取得/変更する正しい方法ですか? または、ここで chrome.* API から何か不足していますか?
これを解決する方法についての指針は、より役に立ちます。
TIA、ジャガディーシュ