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