Mengambil Node HTML Menggunakan adoptNode DOM
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.
Sintak:
document.adoptNode(node)
Parameter Value: Method adoptNode() DOM hanya mengandung satu method yang didesripsikan sebagai berikut.
Nilai Return: mengembalikan sebuah object node yang merepresentasikan node yang diadopsi.
Contoh:
Catatan: semua node child sifatnya adalah hasil adopsi dari node original.
 |
| Ilustrasi Method adoptNode() DOM HTML |
Sebelum memahami lebih dalam materi tentang Mengambil Node HTML Menggunakan adoptNode DOM, terlebih dahulu pelajari materi tentang: Method addEventListener DOM HTML dan Fungsinya [klik], Properti activeElement DOM HTML dan Fungsinya [klik], dan Membuat Pesan Peringatan Menggunakan console.warn DOM HTML [klik].
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:
<!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://1.bp.blogspot.com/-0LmqGj7pUKw/YUy39NnNlNI/AAAAAAAAOPE/2HEMmOSB5vkK5VrkohcfOsMn1bBwTGE_gCLcBGAsYHQ/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.
Referensi Tambahan:
- 2 Contoh Penggunaan Method close() DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Cookie DOM pada HTML [klik]
- Cara Penggunaan Properti characterSet DOM pada HTML [klik]
- 2 Contoh Penggunaan Method createAttribute() DOM pada HTML [klik]
- Cara Penggunaan Method createComment() DOM pada HTML [klik]
- Cara Penggunaan Method createDocumentFragment() DOM pada HTML [klik]
- 4 Tahap Menciptakan Elemen Menggunakan Method createElement() DOM [klik]
Artikel ini didedikasikan kepada: Wisnu Cahya Mukti, Yeni Nur Anggraeni, Adelia Qoirina Rahmawati, Adriel Joseph Gulo, dan Adyaksa Imam Fahrezi.
Apa fungsi method adoptNode() pada dom html?
BalasHapusadoptNode() 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.
HapusMethod adoptNode() berfungsi untuk mengadopsi sebuah node dari dokumen lain. Node yang diadopsi adalah node yang didapat dari semua tipe node.
HapusJenis browser apa saja yang dapat digunakan untuk mengaktifkan method adoptNode() pada html?
BalasHapusBerikut adalah beberapa contoh browser yang dapat digunakan untuk mengaktifkan method adoptNode():
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari