ホームページ > 記事 > ウェブフロントエンド > jQueryはiframe内の要素値を取得します
今回は、iframe で要素の値を取得するための jQuery についてご紹介します。jQuery が iframe で要素の値を取得するための 注意事項 は何ですか? ここで実際のケースを見てみましょう。
jquery を使用して iframe の要素を取得するいくつかの方法:
iframe サブページで親ページ要素を取得する$('#objId', parent. document );完了... 親ページで iframe サブページの要素を取得する:
$("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html()本文を表示する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:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>页面首页</title> </head> <body> <iframe src="iframe.html" id="koyoz" height="0" width="0"></iframe> </body> </html>iframe.html content:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>iframe.html</title> </head> <body> <p id="test">www.jb51.net</p> </body> </html>1 が含まれているとします。 Index .html を通じて、ID 名 'koyoz' の iframe ページにアクセスし、この iframe ページ内の ID 名 'test' の
オブジェクト
を取得し、その色を赤に設定しますこのコードはテストされており、サポートできます。 IE/firefox .
2. jQuery を使用して、index.html にアクセスします:document.getElementById('koyoz').contentWindow.document.getElementById('test').style.color='red'jQuery フレームワークのため、コードはより短くなります。インターネット:
jQuery を使用して IFRAME の親ウィンドウの要素の値を取得するには、DOM メソッドと jquery メソッドを組み合わせることによってのみ実現できます
1. 親の IFRAME ですべてのラジオ ボタンを選択します。 window$("#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 が JS 配列とオブジェクトを操作する手順の詳細な説明 jQuery が配列と JSON オブジェクトを走査およびフィルタリングするためのメソッドのコレクション以上がjQueryはiframe内の要素値を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。