this → Artikel Baru – ( Atrikel Lama ↓ )

2 Contoh Penggunaan Method importNode() DOM pada HTML

Method importNode() DOM pada HTML digunakan untuk menciptakan sebuah duplikasi dari node dokumen lain dan mengimpornya ke dokumen saat ini.

Sintak:
document.importNode(externalNode, [deep])

Parameter:
  • externalNode: node yang dibutuhkan untuk proses import dari dokumen lainnya dalam bentuk tipe apapun.
  • [deep]: Nilai dari parameter ini dapat diatur ke "TRUE" jika ingin melakukan copy node beserta nilai atributnya, dan child node. Juga, dapat diatur ke nilai "FALSE" jika ingin melakukan copy node dan nilai atributnya saja. Jika nilai pada parameter ini tidak ditentukan, maka nilai default dari parameter [deep] adalah "TRUE".

Pahami pula, tentang semua konsep desain Web untuk tingkat pemula melalui materi lengkap HTML [klik].


Contoh:

<!DOCTYPE html>

<html>

 

<body>

<!-- iframe digunakan untuk  

menciptakan frame baru didalam 

dokumen saat ini dan 

menggabungkannya dengan 

dokumen lain -->

 

<!-- frame yang ingin 

ditautkan dapat diletakkan di 

dalam kode src pada iframe -->

 

<iframe 

src="https://www.elfanmauludi.id/p/about-us.html"

style="height:380px;width:520px;">

</iframe>

 

<button 

onclick="myNode()">

Try it

</button>

 

<script>

function myNode() 

{

// akses iframe menggunakan 

// variabel frame

var frame = document.getElementsByTagName("IFRAME")[0];

 

// mengakses elemen <h1> dari

// dokumennya, di dalam

// iframe.

var bong =

frame.contentWindow.document.getElementsByTagName("H1")[0];

 

// penerapan method

// importNode() untuk menambah

// node ke dalam dokumen asli.

var bnn = document.importNode(bong, true);

document.body.appendChild(bnn);

}

</script>

 

</body>

 

</html>

Output:


Baca juga, tentang materi bahasa pemrograman lainnya melalui Materi Lengkap 

Bahasa Pemrograman [klik].


Contoh:

<!DOCTYPE html>

<html>

 

<body>

 

<iframe 

src="https://www.elfanmauludi.id/p/about-us.html"

style="height:380px;width:520px;">

</iframe>

 

<button 

onclick="myImport()">

Try it

</button>

 

<script>

function myImport() 

{

var frame = document.getElementsByTagName("IFRAME")[0];

// akses elemen <div> dari 

// dokumennya, di dalam 

// iframe.

 

var mkn =

frame.contentWindow.document.getElementsByTagName("DIV")[0];

 

var bong = document.importNode(mkn, true);

document.body.appendChild(bong);

}

</script>

 

</body>

 

</html>

Output:

Komentar

  1. Jenis browser apa saja yang dapat mendukung penggunaan method importNode pada DOM HTML?

    BalasHapus
    Balasan
    1. Berikut beberapa jenis browser yang dapat digunakan untuk mengaktifkan method importNode() pada DOM HTML:
      1. Google Chrome
      2. Internet Explore
      3. Firefox
      4. Opera
      5. Safari

      Hapus
    2. Catatan: Method ini tidak didukung penggunaannya pada Internet explorer 8 dan versi sebelumnya.

      Hapus
  2. Apa fungsi method importNode() pada DOM HTML?

    BalasHapus
    Balasan
    1. Method importNode() pada dom html berfungsi untuk mengimpor node atau simpul dari dokumen lain. Node yang diimpor bisa berasal dari semua tipe node. Jika parameter kedua diatur ke nilai TRUE, maka node child (turunan) juga akan ikut diimport ke dalam dokumen.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

Catatan: setiap iklan yang ditayangkan pada blog ini bersumber dari google adsense. Dengan jenis iklan yang dipilih adalah, sebagai berikut.

POIN 1, Iklan yang ditampilkan hanya boleh berbahasa indonesia atau berbahasa inggris. Tidak menerima jenis iklan dalam bahasa yang lain selain yang telah disebutkan karena blog ini dibuat untuk para pengunjung dari negara atau orang yang berbahasa Indonesia.

POIN 2, Setiap gambar yang ditampilkan pada iklan sifatnya tidak mengganggu para pengunjung yang melihat blog, atau tidak boleh menampilkan gambar yang bersifat menjijikkan atau merangsang rasa mual.

POIN 3, Jenis iklan yang dipasang bukan merupakan iklan spam, atau berisi dan mengarahkan pengunjung ke alamat yang berbahaya atau bersifat penipuan.

POIN 4, Segala bentuk iklan tunduk dan patuh pada ketentuan dari pihak Adsense google dan pemilik blog.

POIN 5, Segala jenis iklan yang tidak bertentangan dengan poin 1-4 yang dijelaskan sebelumnya, maka iklan tersebut dapat ditampilkan pada blog.



~ Ikatlah Ilmu dengan Memostingkannya ~

Hot Artikel

Enkapsulasi pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C

10 Aturan Utama Penggunaan Overriding pada Java

5 Cara Konversi Tipe Data pada Java

Perbedaan Antara int main() dan int main(void) pada Bahasa C

Penjelasan Singkat tentang Konsep Asosiasi, Komposisi, dan Agregasi pada Java

6 Aturan Penting Switch Statement pada Java