jQueryはiframe要素を取得します

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-26 10:33:285651ブラウズ

今回は iframe 要素を取得するための jQuery についてご紹介します。 jQuery が iframe 要素を取得するための 注意事項 について、実際のケースを見てみましょう。

jquery を使用して iframe の要素を取得するいくつかの方法:

iframe サブページの親ページ要素を取得する

コードは次のとおりです:

$('#objId', parent.
document
);

完了...

iframe サブページの要素を取得する親ページ:

$("#objid",document.frames('iframename').document)
$(document.getElementById('iframeId').contentWindow.document.body).html()

body 要素の内容を iframe に表示します。

$("#testId", document.frames("iframename").document).html();

iframename に基づいて ID が「testId」である要素を取得します

$(window.frames["iframeName"].document).find("#testId").html()

JS または jQuery を使用して、IE/FF と互換性のあるページ内の iframe にアクセスします

注: フレーム内のページはドメインを越えることはできません!

同じドメインに 2 つのページがあるとします。

index.html ファイルに iframe:

0d8422d5a748d838d5911bbec5723448
383eb734b02b508089ba2d78eb4c6f68
93f0f5c25f18dab9d176bd4f6de5d30e
ebeda52af7641f7e715679a8472f8c69
b2386ffb911b14667cb8f0f91ea547a7页面首页6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
762b520465e72e0dbf3dd71a9b487789065276f04003e4622c4fe6b64f465b88
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

iframe.html content:

0d8422d5a748d838d5911bbec5723448
383eb734b02b508089ba2d78eb4c6f68
93f0f5c25f18dab9d176bd4f6de5d30e
ebeda52af7641f7e715679a8472f8c69
b2386ffb911b14667cb8f0f91ea547a7iframe.html6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
c3d3c408046ceece4c710c1da83f9948www.jb51.net94b3e26ee717c64999d7867364b1b4a3
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

1 が含まれているとします。 Index .html を通じて、ID 名「koyoz」の iframe ページにアクセスし、この iframe ページ内の ID 名「test」のオブジェクトを取得し、その色を赤に設定します

このコードはテスト済みで、IE/ をサポートします。

2. jQuery を使用して、index.html にアクセスします。

document.getElementById('koyoz').contentWindow.document.getElementById('test').style.color='red'

jQuery フレームワークのため、コードは短くなります。

:

jQuery を使用して IFRAME の親ウィンドウの要素の値を取得するには、DOM メソッドと jquery メソッドを組み合わせてのみ実現できます

1. 親ウィンドウの IFRAME ですべてのラジオ ボタンを選択します

$("#koyoz").contents().find("#test").css('color','red');

2. IFRAME で操作して、親ウィンドウ内のすべてのラジオ ボタンを選択します

$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");

親ウィンドウが IFrame に Iframe を取得したい場合は、次のように子フレームを追加するだけです:

$(window.parent.document).find("input:radio").attr("checked","true");

この記事の事例を読んだ後の方法については、さらにエキサイティングな内容については、php 中国語 Web サイトの他の関連記事にご注目ください。

推奨読書:

jQueryはタブオプション切り替えの最も単純な実装です


jQuery+Ajaxでテーブルデータのタイトルソートを実装します

以上がjQueryはiframe要素を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。