Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Cara Penggunaan Method createDocumentFragment() DOM pada HTML
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].

Sintak:
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

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.

6 komentar untuk "Fragmentasi Dokumen HTML createDocumentFragment DOM"

  1. Apa fungsi createDocumentFragment() pada dom html?

    BalasHapus
    Balasan
    1. createDocumentFragment() digunakan untuk membuat dokumen fragmen kosong baru pada node DOM yang dapat ditambahkan untuk membangun pohon DOM li luar layar.

      Hapus
  2. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method createDocumentFragment() pada dom html?

    BalasHapus
    Balasan
    1. Berikut beberaja jenis browser populer yang dapat digunakan untuk mengaktifkan method createDocumentFragment() pada dom html:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  3. Apa fungsi documentFragment pada dom html?

    BalasHapus
    Balasan
    1. Interface DocumentFragment digunakan untuk mewakili object dokumen minimal yang tidak memiliki parent.

      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 -