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

Fragmentasi Dokumen HTML createDocumentFragment DOM

Dipublikasikan Oleh: elfanmauludi 6 komentar
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.


Sebelum memahami lebih dalam materi tentang Fragmentasi Dokumen HTML createDocumentFragment DOM, terlebih dahulu pelajari materi tentang: Membuat Komentar HTML Menggunakan createComment DOM, Membuat Atribut HTML Menggunakan createAttribute DOM, dan Mengembalikan Karakter Encoding HTML Menggunakan characterSet DOM.

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.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

6 komentar untuk "Fragmentasi Dokumen HTML createDocumentFragment DOM"

  1. AnonimSabtu, 04 Desember 2021 pukul 06.44.00 WIB

    Apa fungsi createDocumentFragment() pada dom html?

    BalasHapus
    Balasan
    1. AnonimSabtu, 04 Desember 2021 pukul 06.44.00 WIB

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

      Hapus
  2. AnonimSabtu, 04 Desember 2021 pukul 06.44.00 WIB

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

    BalasHapus
    Balasan
    1. AnonimSabtu, 04 Desember 2021 pukul 06.45.00 WIB

      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. AnonimSabtu, 04 Desember 2021 pukul 06.47.00 WIB

    Apa fungsi documentFragment pada dom html?

    BalasHapus
    Balasan
    1. AnonimSabtu, 04 Desember 2021 pukul 06.47.00 WIB

      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 -