Mengambil Node HTML Menggunakan adoptNode DOM
 |
| Ilustrasi Method adoptNode() DOM HTML |
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.
<!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.
- 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]
5 komentar untuk "Mengambil Node HTML Menggunakan adoptNode DOM"
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 -
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