Categories: DOM » Document

Importnode()

Metode Document.importNode() (Core Level 2) mengimport node dari dokumen lain ke dokumen ini.

Sintaks:

document.importNode(node, deep)

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.

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.

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