Properti HTMLIFrameElement.contentDocument merefensi kepada objek Document yang dimuat ke dalam elemen IFRAME ini.
Kemudian anda bisa menggunakan acuan tersebut sebagai jalan untuk mengakses setiap elemen di dalam objek Document tersebut.
Sintaks:
Pertama buat dokumen HTML di bawah ini, lalu 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 bernama "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 bernama "entry1" di dalam dokumen A.html akan ditampilkan di dalam kotak dialog Alert. Untuk mengembalikan nilai atribut VALUE dari elemen INPUT yang bernama "entry2" di dalam dokumen A.html, ganti:
var val = doc.mainForm.entry1.value;Menjadi:
var val = doc.mainForm.entry2.value;
