Download Source Code Aplikasi

Clonenode()

Sunday, December 29th, 2019 - DOM » Node

Metode Node.cloneNode() (Core Level 1) membuat salinan Node ini.

Sintaks:

Node.cloneNode(deep)

Parameter deep berisi boolean:

  • false hanya akan menyalin Node itu sendiri beserta semua atribut dan nilainya.
  • true akan menyalin Node beserta semua atribut dan nilainya, plus keturunannya.

Metode Node.cloneNode() di dukung oleh lebih banyak didominasi browser: IE, Opera, Firefox, Google Chrome, dan Safari.

Contoh di bawah ini menyalin P ber-ID ‘myp’. Parameter deep diberikan true:

<P ID="myp" STYLE="color: blue;">Lorem imsum…</P> <SCRIPT TYPE="text/javascript"> var pElem = document.getElementById("myp").cloneNode(true); document.body.appendChild(pElem); </SCRIPT>

Hasil salinan teladan arahan di atas adalah:

<P ID="myp" STYLE="color: blue;">Lorem imsum…</P>

Jika parameter deep berisi nilai false, hasil salinan dari elemen P di atas menjadi:

<P ID="myp" STYLE="color: blue;"> </P>

Contoh lagi:

<P ID="myp" STYLE="color: blue;">Lorem imsum…<B ID="myb">LOREM</B>Lorem imsum…</P> <SCRIPT TYPE="text/javascript"> var pElem = document.getElementById("myp").cloneNode(true); document.body.appendChild(pElem); </SCRIPT>

Hasil salinan teladan arahan di atas adalah:

<P ID="myp" STYLE="color: blue;">Lorem imsum…<B ID="myb">LOREM</B>Lorem imsum…</P>

Jika parameter deep berisi nilai false, hasil salinan dari elemen P di atas tetap menjadi:

<P ID="myp" STYLE="color: blue;"> </P>
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.
Download Source Code Aplikasi
Clonenode() | Ahmad Code | 4.5