DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Membut Fragmentasi Dokumen HTML Menggunakan 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

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

Komentar

  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

Posting Komentar

Hubungi admin melalui Wa : +62-896-2514-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 ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Specifier %d dan %i Bahasa C dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

7 Paradigma Penelitian pada Statistika Penelitian

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas