Contoh
Buat simpul documentFragment dan menambahkan anak untuk itu (a list item) . Kemudian, mengubah nilai node item daftar dan masukkan sebagai anak terakhir dari daftar:
var d = document.createDocumentFragment();
d.appendChild(document.getElementsByTagName("LI")[0]);
d.childNodes[0].childNodes[0].nodeValue = "Milk";
document.getElementsByTagName("UL")[0].appendChild(d);Hasilnya akan:
Sebelum perubahan:
- Coffee
- Tea
Setelah perubahan:
- Tea
- Milk
Cobalah sendiri " Definisi dan Penggunaan
The createDocumentFragment() metode membuat objek Node imajiner, dengan semua properti dan metode dari objek Node.
The createDocumentFragment() metode berguna ketika Anda ingin mengambil bagian dari dokumen Anda, mengubah, menambah, atau menghapus, beberapa konten, dan masukkan kembali ke dokumen Anda.
Anda juga dapat menggunakan dokumen objek dokumen untuk melakukan perubahan ini, tapi untuk mencegah menghancurkan struktur dokumen, bisa lebih aman untuk mengambil hanya bagian dari dokumen, membuat perubahan, dan masukkan bagian kembali ke dokumen.
Catatan: Node yang ditambahkan ke fragmen dokumen, dari dokumen, akan dihapus dari dokumen.
Dukungan Browser
| metode | |||||
|---|---|---|---|---|---|
| createDocumentFragment() | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
document. createDocumentFragment()
parameter
| tak satupun |
Rincian teknis
| Kembali Nilai: | Sebuah objek DocumentFragment, mewakili DocumentFragment node dibuat |
|---|---|
| DOM Versi | Inti Level 1 Document Object |