Contentdocument

Properti HTMLIFrameElement.contentDocument merefensi kepada objek Document yang dimuat ke dalam elemen IFRAME ini.

Kemudian anda dapat memakai contoh tersebut sebagai jalan untuk mengakses setiap elemen di dalam objek Document tersebut.

Sintaks:

iframeObj.contentDocument

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

<HTML> <BODY> <FORM NAME="mainForm"> <INPUT TYPE="text" NAME="entry1" VALUE="HALO1!"> <INPUT TYPE="text" NAME="entry2" VALUE="HALO2!"> </FORM> </BODY> </HTML>
Lalu buat lagi, simpan dengan nama yang anda inginkan. Contoh di bawah ini untuk mengembalikan nilai atribut VALUE elemen INPUT yang berjulukan “entry1” di dalam dokumen A.html:

<HTML> <HEAD> <SCRIPT TYPE="text/javascript"> function getValue() { var doc = document.getElementById("myFrame").contentDocument; var val = doc.mainForm.entry1.value; alert(val); } </SCRIPT> </HEAD> <BODY> <IFRAME ID="myFrame" SRC="A.html" WIDTH="100%"> <P>Browser anda tidak mendukung iframe!</P> </IFRAME> <INPUT TYPE="button" ONCLICK="getValue()" VALUE="VALUE dari INPUT VALUE=’entry1′ dalam IFRAME!"> </BODY> </HTML>
Klik tombol yang ada. Ketika anda mengklik tombol, nilai atribut VALUE dari elemen INPUT yang berjulukan “entry1” di dalam dokumen A.html akan ditampilkan di dalam kotak obrolan Alert. Untuk mengembalikan nilai atribut VALUE dari elemen INPUT yang berjulukan “entry2” di dalam dokumen A.html, ganti:

var val = doc.mainForm.entry1.value;

Menjadi:

var val = doc.mainForm.entry2.value;

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