Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Mengambil Node HTML Menggunakan adoptNode DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
Method adoptNode() DOM pada html digunakan untuk mengadopsi node dari dokumen lainnya. Semua tipe node pada html dapat diadopsi oleh method tersebut. Semua node child bersamaan dengan original node juga dapat diadopsi oleh method adoptNode(). Method AdoptNode() digunakan untuk mengembalikan nilai dari object node pada html.


Sebelum memahami lebih dalam materi tentang Mengambil Node HTML Menggunakan adoptNode DOM, terlebih dahulu pelajari materi tentang: Method addEventListener DOM HTML dan Fungsinya, Properti activeElement DOM HTML dan Fungsinya, dan Membuat Pesan Peringatan Menggunakan console.warn DOM HTML.

Sintak: document.adoptNode(node)

Parameter Value: Method adoptNode() DOM hanya mengandung satu method yang didesripsikan sebagai berikut.
  • node: segala tipe dari node yang dibutuhkan.

Nilai Return: mengembalikan sebuah object node yang merepresentasikan node yang diadopsi.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<body>

 

<h1>

<center>

 

Blog Elfan

 

<button onclick="adopt()">

Klik

</button>

 

</center> 

</h1>

 

<h4>

Klik pada tombol untuk 

showcase method adopt()

</h4>

 

<p id="mkn">

<iframe

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5dlr7i-I5tKd_qP_npv8yC4bmEpyqm8ofl4iULjU60caEfiKfilDGEwrWy5Vkl_7yWoz0qx6Njv-8G2-UiJY0TWJ3YoE9xlf6a-gE3GBsW3uIuCfU7fCtbXdhncM7zrLOlHuGLbEe9-8/s393/Capture.PNG">

</iframe>

</p>

 

<script>

function adopt() 

{

 

var frame =

document.getElementsByTagName(

"iframe")[0];

 

var h =

frame.contentWindow.document.getElementsByTagName(

"button")[0];

 

// 'h' adalah tombol untuk 

// mengadopsi node.

var x = document.adoptNode(h);

 

document.body.appendChild(x);

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Klik pada tombol untuk showcase method adopt()



Catatan: semua node child sifatnya adalah hasil adopsi dari node original.

Artikel ini didedikasikan kepada: Wisnu Cahya Mukti, Yeni Nur Anggraeni, Adelia Qoirina Rahmawati, Adriel Joseph Gulo, dan Adyaksa Imam Fahrezi.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Mengambil Node HTML Menggunakan adoptNode DOM"

  1. AnonimKamis, 25 November 2021 pukul 08.18.00 WIB

    Apa fungsi method adoptNode() pada dom html?

    BalasHapus
    Balasan
    1. AnonimKamis, 25 November 2021 pukul 08.19.00 WIB

      adoptNode() digunakan untuk mentransfer node dari dokumen lain ke dalam method dokumen. Node diadopsi dan subtreenya akan dihapus dari dokumen aslinya jika ada, dan diubah ke dokumen saat ini.

      Hapus
    2. AnonimKamis, 25 November 2021 pukul 08.25.00 WIB

      Method adoptNode() berfungsi untuk mengadopsi sebuah node dari dokumen lain. Node yang diadopsi adalah node yang didapat dari semua tipe node.

      Hapus
  2. AnonimKamis, 25 November 2021 pukul 08.19.00 WIB

    Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method adoptNode() pada html?

    BalasHapus
    Balasan
    1. AnonimKamis, 25 November 2021 pukul 08.21.00 WIB

      Berikut adalah beberapa contoh browser yang dapat digunakan untuk mengaktifkan method adoptNode():
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

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

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -