2 つの HTML ドキュメントがあります。1 つのメイン ドキュメントには、2 番目の HTML ページを表示する iframe があります。
親ドキュメントから iframe の内容にアクセスしたい。と を使用してみましたがfind()
、うまくいきcontents()
ません。
これは私のコードです:
メインドキュメント
<!DOCTYPE html>
<html>
<head>
<script src="./js/gjquery.js"></script>
<script type="text/javascript">
$(function(){
$('#123').click(function(){
alert("Testing...");
var v = $('#frameDemo').contents().find('body').html();
alert(v);
});
})
</script>
</head>
<body>
<button id="123" >mad</button>
<iframe src="./1.htm" width="80%" height="20%" id='frameDemo'></iframe>
</body>
iframe ドキュメント
<html>
<head></head>
<body>
<p>Hello <a href="http://ejohn.org/">John</a>, how are you doing?</p>
<table width="700" border="1" id="test">
<tr><td>g</td><td>ggg</td></tr>
<tr><td>g</td><td>ggg</td></tr>
<tr><td>g</td><td>ggg</td></tr>
</table>
<p>Hello world!</p>
<div id="someID">Hello world!</div>
</body>
</html>
find()
どのセレクターを試しても、結果は返されません。