Utilisez Native JS pour obtenir les éléments de la page Child Iframe sur la page Parent et pour obtenir les éléments de la page parent sur la page Child. Il s'agit d'une méthode qui est souvent utilisée. Voici un exemple pour résumer:
1. Page parent (Demo.html) , modifiez la couleur d'arrière-plan de la page enfant div sur la page parent pour être gris, et il s'avère être rouge:
<! 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"> <éadf> <meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <title> Page de démoclé </ title> <script type = "text / javascrip document.getElementById ('iframeid'). ContentWindow; var _div = _iframe.Document.getElementById ('objid'); _ div.style.backgroundColor = '#ccc';} </ script> </ head> <body> <div id = 'PADIV'> PAGE PARE </v> <IFRAME IFRAME src = "Demo-iframe.html" id = "iframeid"> </ iframe> </ body> </html>2. Sous-page (Demo-Iframe.html) , modifiez la couleur de la police de la page parent div sur la page de l'enfant pour être rouge, et il s'avère être noir:
<! 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"> <éad> <méta http-equiv = "contenu> teneur en textes =" text / html; charset = utf-8 "/> <title> sous-page Demo13-iframe.html </ title> function () {var _iframe = window.parent; var _div = _iframe.Document.getElementById ('Pardiv'); _ div.style.color = 'red';} </ script> </ head> <body> <div id = 'objid'; style = 'largeur: 100px; hauteur: 100px; fond-couleur: rouge;'> sous-page </div> </ body> </html>3. Diagramme de reproduction:
(1) les rendus lorsque JS n'est pas ajouté:
(2) le rendu après avoir ajouté JS:
L'article ci-dessus "natif JS" obtient les éléments DOM dans l'IFRAME - les pages Père et Son se font les éléments DOM de l'autre est tout le contenu partagé par l'éditeur. J'espère que cela pourra vous donner une référence, et j'espère que tout le monde pourra soutenir davantage Wulin.com.