iframeの全レベルの要素、内容、IDを取得するJqueryのインスタンスメソッドの詳細説明-jsチュートリアル-php.cn

iframeの全レベルの要素、内容、IDを取得するJqueryのインスタンスメソッドの詳細説明

伊谢尔伦

リリース： 2017-06-19 13:19:14

オリジナル

2578 人が閲覧しました

iframe サブページの親ページの要素を取得します
コードは次のとおりです:

1 2	`$('#objId', parent.document);` `// 搞定...`

ログイン後にコピー

親ページの iframe サブページの要素を取得します
コードは次のとおりです:

$("#objid",document.frames(&#39;iframename&#39;).document)
$(document.getElementById(&#39;iframeId&#39;).contentWindow.document.body).html()
$("#testId", document.frames("iframename").document).html();

ログイン後にコピー

ID を持つ要素を取得しますiframename によると「testId」です

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

ログイン後にコピー

JS または jQuery を使用して、IE/FF と互換性のあるページ内の iframe にアクセスします
注: frame 内のページはドメインを越えることはできません

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>  
<div id="test">www.koyoz.com</div>  
</body>  
</html>