Detaillierte Erläuterung der Instanzmethode von Jquery zum Abrufen aller Ebenen von Elementen, Inhalten oder Iframe-IDs-js-Tutorial-php.cn

Detaillierte Erläuterung der Instanzmethode von Jquery zum Abrufen aller Ebenen von Elementen, Inhalten oder Iframe-IDs

伊谢尔伦

Freigeben： 2017-06-19 13:19:14

Original

2462 Leute haben es durchsucht

Rufen Sie die Elemente der übergeordneten Seite auf der Iframe-Unterseite ab.
Der Code lautet wie folgt:

$(&#39;#objId&#39;, parent.document);
// 搞定...

Nach dem Login kopieren

Rufen Sie die Elemente der Iframe-Unterseite auf der übergeordneten Seite ab
Der Code lautet wie folgt:

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

Nach dem Login kopieren

Rufen Sie das Element ab, dessen ID „testId“ ist, basierend auf iframename

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

Nach dem Login kopieren

Verwenden Sie JS oder jQuery um auf den Iframe in der Seite zuzugreifen, kompatibel mit IE/FF
Hinweis: Seiten innerhalb des Frames können nicht domänenübergreifend sein!

Angenommen, es gibt zwei Seiten unter dem gleiche Domäne. Die Datei
index.html enthält einen 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>

Nach dem Login kopieren

iframe.html-Inhalt:

<!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>

Nach dem Login kopieren

1 .html für direkten Zugriff:
JavaScriptCode

document.getElementById(&#39;koyoz&#39;).contentWindow.document.getElementById
(&#39;test&#39;).style.color=&#39;red&#39;

Nach dem Login kopieren

Greifen Sie mit dem ID-Namen „koyoz“ in index.html auf die Iframe-Seite zu und rufen Sie den <🎜 ab > Objekt mit dem ID-Namen „test“ in dieser Iframe-Seite und setzen Sie seine Farbe auf Rot.Dieser Code wurde getestet und kann IE/Firefox unterstützen.

2 mit jQuery in index.html:
JavaScript-Code

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

Nach dem Login kopieren

Die Wirkung dieses Codes ist die gleiche wie beim direkten Zugriff über JS. Mit Hilfe des jQuery-Frameworks ist der Code kürzer .

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Instanzmethode von Jquery zum Abrufen aller Ebenen von Elementen, Inhalten oder Iframe-IDs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!