Gunakan JS Native untuk mendapatkan elemen dari halaman anak iframe di halaman induk dan untuk mendapatkan elemen halaman induk di halaman anak. Ini adalah metode yang sering digunakan. Berikut adalah contoh untuk meringkas:
1. Halaman induk (demo.html) , memodifikasi warna latar belakang halaman anak div pada halaman induk menjadi abu -abu, dan ternyata merah:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <adept> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> halaman demomain </title> <script type = "text/javas/javas = document.geteLementById ('iframeid'). ContentWindow; var _div = _iframe.document.getElementById ('objid'); _ div.style.backgroundColor = '#ccc';} </script> </head> <body> <Div id = 'pardiv'> PURGET PUTER </script> </head> <body> <Div id = 'pardiv'> src = "Demo-iFrame.html" id = "iframeid"> </iframe> </body> </html>2. Subpage (demo-iFrame.html) , memodifikasi warna font dari halaman induk div pada halaman anak menjadi merah, dan ternyata menjadi hitam:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // 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=utf-8" /><title>Subpage demo13-iframe.html</title><script type="text/javascript">window.onload = function () {var _iframe = window.parent; var _div = _iframe.document.getElementById ('pardiv'); _ div.style.color = 'merah';} </script> </head> <body> <v id = 'objid' style = 'width: 100px; tinggi: 100px; latar belakang-warna: merah;'> subpage </div> </body> </html>3. Diagram reproduksi:
(1) rendering saat JS tidak ditambahkan:
(2) Render setelah menambahkan JS:
Artikel di atas "Native JS" memperoleh elemen DOM di iframe - halaman ayah dan anak saling mendapatkan elemen dom adalah semua konten yang dibagikan oleh editor. Saya harap ini dapat memberi Anda referensi, dan saya harap semua orang dapat lebih mendukung wulin.com.