2017-08-23 82 views
0

iframeに関する簡単な問題がありますが、iframeのソースからヘッダーとフッターを取り除きたい場合は、クリップしてコンテンツを参照しようとしましたが、あなたにはどんな考えがありますか?iframeのsrcからヘッダーとフッターを削除します

私のコードは次のとおりです。

#contentはソース内のコンテンツである
<div style="height:1500px;"> 
    <iframe src="url/#content" name="iframe_all" scrolling="no" 
       frameborder="0" height="100%" width="100%" ></iframe> 
</div> 

。ソースの最初のページにはうまく動作しますが、ユーザーがiframeでソースの2ページ目を再度クリックすると、ヘッダーが表示されます。

var frame = document.querySelector("iframe"); 
header = frame.contentDocument.querySelector("header"); 
header.remove(); 
footer = frame.contentDocument.querySelector("footer"); 
footer.remove(); 

をそれとも、必要な要素のためのセレクタを適応させる:

+0

iframeの 'load'イベントをリスンして、ヘッダーとフッターを削除する必要があります。 – sunpietro

+0

あなたはあなたに答えを説明してもらえますか?@sunpietro – vyshnavi

+0

iframe内のページはiframeを含むページと同じドメインから読み込まれていますか? –

答えて

0

あなたはjavascriptでのiframeのコンテンツにアクセスすることができます。

+0

iframeのページが親ページと同じドメインからロードされている場合にのみ動作します(そうでない場合は、OPの場合はiframeページを制御する可能性があるため適切に編集するだけで済みます)。また、場所の変更からiframeのロードイベントをリッスンする必要があります。私はあなたの答えにこれに関するノートを追加することをお勧めします。 –

+0

@vyshnaviは同じドメインのものだと言っていますので、これはうまくいくはずです。 –

+0

私はそのスクリプトのiframeのIDを与える必要がありますか?そのスクリプトの使い方は? – vyshnavi

関連する問題