4

こんにちは、iframe 要素の内部 HTML を取得しようとしています

私のhtmlドキュメントの構造はこのようなものです

<body>
    <div>
        <iframe id="frame1">
            <html>
                <button id="mybutton">click me</button>
            </html>
        </iframe>
    </div>
</body>

Chrome 拡張機能を作成しています ID が mybutton のボタンがクリックされたときにアラートを表示する必要があります コンテンツ スクリプトを作成します

var greeting = "hola, ";

document.body.innerHTML='<div><iframe id="frame1" src="http://onemoredemo.appspot.com/"></iframe></div>' ;

var iframe = document.getElementById("frame1");
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document

var button = iframeDocument.getElementById("mybutton") ;

if(button ==null)
alert("button is null") ;

ページにアクセスすると、この拡張機能をクロムにインストールすると、ドキュメントの本文がボタン付きのiframeに変更されます。しかし、ボタンがnullであるというアラートに直面していますが、iframeにボタンがあります。なぜこのボタンでnullになるのですか??

4

2 に答える 2