Saturday, July 28, 2012

cloneNode()

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 mayoritas 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 contoh kode 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 contoh kode 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>