Verwenden Sie native JS, um die Elemente der Iframe Child -Seite auf der übergeordneten Seite zu erhalten und um die Elemente der übergeordneten Seite auf der Kinderseite zu erhalten. Dies ist eine Methode, die häufig verwendet wird. Hier ist ein Beispiel zum Zusammenfassen:
1. Übergeordnete Seite (Demo.html) , ändern Sie die Hintergrundfarbe der untergeordneten Seite Div auf der übergeordneten Seite, um grau zu sein, und es stellt sich heraus, dass es rot ist:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"><Htmlmlml xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> DemoMain Page </title> <script type = "text/javaScript" text "text" text/javaScript "> fownlold. document.getElementById ('iframeid'). contentWindow; var _div = _iFrame.document src = "Demo-iframe.html" id = "iframeid"> </iframe> </body> </html>2. Unterseite (Demo-iframe.html) , ändern Sie die Schriftfarbe der übergeordneten Seite Div auf der untergeordneten Seite, um rot zu sein, und es stellt sich heraus, dass es schwarz ist:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"><Htmlmlml xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> subpage Demo13-iframe.html </citles> <titels> text/java13-iframe.html </cithtm. function () {var _iframe = window.parent; var _div = _iframe.document style = 'width: 100px; Höhe: 100px; Hintergrundfarbe: rot;'> Subseite </div> </body> </html>3. Reproduktionsdiagramm:
(1) Die Renderings, wenn JS nicht hinzugefügt wird:
(2) Das Rendering nach dem Hinzufügen von JS:
Der obige Artikel "Native JS" erhält die DOM -Elemente im Iframe - die Seiten des Vaters und der Sohn erhalten die DOM -Elemente des jeweils anderen. Ich hoffe, es kann Ihnen eine Referenz geben, und ich hoffe, jeder kann Wulin.com mehr unterstützen.