Categories: HTML DOMHTMLIFrameElement

Contentwindow

Properti HTMLIFrameElement.contentWindow merefensi kepada objek Window dari objek Document yang dimuat ke dalam elemen IFRAME ini.

Kemudian anda dapat memakai pola tersebut sebagai jalan untuk mengakses objek Window, objek Document, dan setiap elemen di dalam objek Document tersebut.

Sintaks:

iframeObj.contentWindow

Buat dokumen HTML di bawah ini, kemudian simpan dengan nama A.html:

<HTML> <BODY> <P ID="myP1">P dengan ID="myP1"</P> <P ID="myP2">P dengan ID="myP2"</P> </BODY> </HTML>
Lalu buat lagi dokumen HTML di bawah ini, simpan dengan nama yang anda inginkan. Contoh di bawah ini untuk menetapkan warna untuk elemen P dengan ID=”myP1″ di dalam dokumen A.html kebiru:

<HTML> <HEAD> <SCRIPT TYPE="text/javascript"> function changeStyle() { var win = document.getElementById("myFrame").contentWindow; win.document.getElementById("myP1").style.color = "blue"; } </SCRIPT> </HEAD> <BODY> <IFRAME ID="myFrame" SRC="A.html" WIDTH="100%"> <P>Browser anda tidak mendukung iframe!</P> </IFRAME> <INPUT TYPE="button" ONCLICK="changeStyle()" VALUE="Ubah warna teks untuk P ID=’myP1′!"> </BODY> </HTML>
Klik tombol yang ada. Ketika anda mengklik tombol, elemen P dengan ID=”myP1″ di dalam dokumen A.html akan berubah warna teksnya kebiru. Untuk menetapkan warna elemen P dengan ID=”myP2″ di dalam dokumen A.html kebiru, anda mengganti:

win.document.getElementById("myP1").style.color = "blue";

Menjadi:

win.document.getElementById("myP2").style.color = "blue";

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code