Metode Document.importNode() (Core Level 2) mengimport node dari dokumen lain ke dokumen ini.
Sintaks:
document.importNode(node, deep)
- Parameter node adalah node yang diimport.
- Parameter deep berisi salah satu nilai boolean:
- Jika
truediberikan maka semua children dari node yang diimport juga diimport. - Jika
falsediberikan, maka hanya node itu saja yang akan diimport, tidak termasuk childrennya.
- Jika
Node yang diimport bisa dari semua nodeType.
Metode Document.importNode() di dukung oleh mayoritas browser: IE9, Opera, Firefox, Google Chrome, dan Safari.
Contoh di bawah adalah mengimport elemen B juga child node-nya, pastikan untuk parameter deep diberikan nilai true.
Buat dokumen HTML di bawah ini, lalu simpan dengan nama myIframe.html:
<HTML> <BODY> <B STYLE="color:red">B dengan teks merah.</B> <B STYLE="color:blue">B dengan teks biru.</B> </BODY> </HTML>Setelah sudah, buat kembali dokumen HTML di bawah ini, lalu simpan dengan nama terserah anda:
<HTML> <BODY> <SCRIPT TYPE="text/javascript"> function Func1() { var frameObj = document.getElementsByTagName("IFRAME")[0]; var xObj = frameObj.contentWindow.document.getElementsByTagName("B")[0]; var x = document.importNode(xObj,true); document.getElementById("output1").appendChild(x); } function Func2() { var frameObj = document.getElementsByTagName("IFRAME")[0]; var xObj = frameObj.contentWindow.document.getElementsByTagName("B")[1]; var x = document.importNode(xObj,true); document.getElementById("output2").appendChild(x); } </SCRIPT> <IFRAME ALIGN="right" SRC="myIframe.html" STYLE="height:35px;width:300px"></IFRAME> <BUTTON ONCLICK="Func1()">Import B dengan teks merah</BUTTON> <B ID="output1"></B> <BUTTON ONCLICK="Func2()">Import B dengan teks merah</BUTTON> <B ID="output2"></B> </BODY> </HTML>- Terakhir klik tombol-tombol yang ada.
