Fragmentasi Dokumen HTML createDocumentFragment DOM
Method createDocumentFragment() pada DOM HTML digunakan untuk membuat fragmentasi dokumen yang berguna untuk mengubah konten dari dokumen seperti delete, modify, atau add new node. Method ini menciptakan fragmentasi dokumen, serta melakukan append elemen dari dokumen untuk fragmentasi dokumen dan membuat sebuah perubahan sesuai dengan kebutuhan, dan terakhir melakukan append fragmentasi dokumen tersebut pada dokumen saat ini. Method ini merupakan method yang aman untuk digunakan dan dapat mencegah penghancuran dokumen dari struktur DOM.
Sintak:
document.createDocumentFragment()
Parameter: method ini tidak menerima jenis parameter apapun dalam penerapannya.
 |
| Ilustrasi createDocumentFragment DOM HTML |
Sebelum memahami lebih dalam materi tentang Fragmentasi Dokumen HTML createDocumentFragment DOM, terlebih dahulu pelajari materi tentang: Membuat Komentar HTML Menggunakan createComment DOM [klik], Membuat Atribut HTML Menggunakan createAttribute DOM [klik], dan Mengembalikan Karakter Encoding HTML Menggunakan characterSet DOM [klik].
document.createDocumentFragment()
Parameter: method ini tidak menerima jenis parameter apapun dalam penerapannya.
Baca Juga:
Return Value: method ini mengembalikan node DocumentFragment yang telah diciptakan.
Contoh:
<!DOCTYPE html>
<html>
<head>
<!--script untuk menghapus child pertama
dari list, dan memodifikasinya -->
<script>
function mybons()
{
var doc = document.createDocumentFragment();
doc.appendChild
(document.getElementsByTagName("li")[0]);
doc.childNodes[0].childNodes[0].nodeValue =
"SQL";
document.getElementsByTagName
("ul")[0].appendChild(doc);
}
</script>
</head>
<body>
<h1>
Blog Elfan
<h1/>
<h3>
Method createDocumentFragment() DOM
</h3>
<p>
Klik tombol untuk mengubah list elemen
</p>
<ul>
<li>Struktur Data</li>
<li>Sistem Operasi</li>
<li>Bahasa C</li>
<li>DBMS</li>
</ul>
<button onclick = "mybons()">
Klik Disini!
</button>
</body>
</html>
Output:
Blog Elfan
Method createDocumentFragment() DOM
Klik tombol untuk mengubah list elemen
- Struktur Data
- Sistem Operasi
- Bahasa C
- DBMS
Referensi Tambahan:
- 2 Contoh Penggunan designMode DOM HTML [klik]
- Cara Penggunaan Properti doctype DOM pada HTML [klik]
- Cara Penggunaan Properti documentElement DOM pada HTML [klik]
- Cara Penggunaan Properti documentMode DOM pada HTML [klik]
- Cara Penggunaan Properti Domain DOM pada HTML [klik]
- 4 Properti Utama Penggunaan DOM Embed Collection pada HTML [klik]
- 3 Parameter Utama Method execCommand() DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Alfirha Auliyadiqna Sugi Purbandari, Aliyya Saliima Izza, Alrico Rizki Wibowo, Alvina Malinda Febrianty Fu'Adi, dan Alvita Malinda Febrianty Fu'Adi.
Apa fungsi createDocumentFragment() pada dom html?
BalasHapuscreateDocumentFragment() digunakan untuk membuat dokumen fragmen kosong baru pada node DOM yang dapat ditambahkan untuk membangun pohon DOM li luar layar.
HapusJenis browser apa saja yang dapat digunakan untuk mengaktifkan method createDocumentFragment() pada dom html?
BalasHapusBerikut beberaja jenis browser populer yang dapat digunakan untuk mengaktifkan method createDocumentFragment() pada dom html:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi documentFragment pada dom html?
BalasHapusInterface DocumentFragment digunakan untuk mewakili object dokumen minimal yang tidak memiliki parent.
Hapus