Use JS nativo para obtener los elementos de la página de Iframe Child en la página principal y obtener los elementos de la página principal en la página del niño. Este es un método que a menudo se usa. Aquí hay un ejemplo para resumir:
1.
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> Page de demomain </title> <script type = "text/javaScript"> window.onload = function ()) document.getElementById ('iframeid'). contentwindow; var _div = _iframe.document.getElementById ('objid'); _ div.style.backgroundcolor = '#ccc';} </script> </head> <body> <iv id = 'pardiv'> Página principal </div> <ramame src = "demo-iframe.html" id = "iframeid"> </frame> </body> </html>2. Subpage (Demo-Iframe.html) , modifique el color de fuente de la página principal Div en la página del niño para que sea rojo, y resulta ser negro:
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> subpage delo13-iframe.html <//script type = "text/" jawnload " function () {var _iframe = window.parent; var _div = _iframe.document.getElementById ('pardiv'); _ div.style.color = 'rojo';} </script> </head> <body> <divi = 'objid' ' style = 'Width: 100px; Height: 100px; Background-Color: Red;'> Subpage </div> </body> </html>3. Diagrama de reproducción:
(1) Las representaciones cuando no se agregan JS:
(2) La representación después de agregar JS:
El artículo anterior "JS Native JS" obtiene los elementos DOM en el Iframe: las páginas de Padre e Hijo obtienen los elementos DOM del otro es todo el contenido compartido por el editor. Espero que pueda darle una referencia, y espero que todos puedan apoyar más a Wulin.com.