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:
-
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";
