Importnode()
Metode Document.importNode()
(Core Level 2) mengimport node dari dokumen lain ke dokumen ini.
Sintaks:
- Parameter node ialah node yang diimport.
- Parameter deep berisi salah satu nilai boolean:
- Jika
true
diberikan maka semua children dari node yang diimport juga diimport. - Jika
false
diberikan, maka hanya node itu saja yang akan diimport, tidak termasuk childrennya.
- Jika
Node yang diimport dapat dari semua nodeType.
Metode Document.importNode()
di dukung oleh dominan browser: IE9, Opera, Firefox, Google Chrome, dan Safari.
Contoh di bawah ialah mengimport elemen B juga child node-nya, pastikan untuk parameter deep diberikan nilai true
.
-
Buat dokumen HTML di bawah ini, kemudian 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, kemudian 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.