Makuhofu ya HTML DOM Document createDocumentFragment()

Ufafanuzi na matumizi

createDocumentFragment() Makuhofu hayo huzalisha kiwango cha offscreen.

Offscreen kiwango kinaweza kutumiwa kuwa kumua DocumentFragment mpya ambao kinaweza kuingizwa kwenye hatua yoyote.

createDocumentFragment() Makuhofu hayo hayawezi kutumika pia kuwataja maweuaji ya hatua, kubadilisha, kuongeza ama kufungua hatua kadhaa, na kuongeza kwake kwenye hatua.

Mambo ya kuzingatia

Wewe waweza kutumia kiwango cha HTML kufikia kila wakati. Lakini tabia bora ni kumuea (offscreen) DocumentFragment na kuongeza kwa kushikilia kwenye DOM. Kwa sababu unapakia kwa kushikilia, unatakiwa ukiripwa na ukirejea mara moja tu.

Ikiwa unataka kuongeza viwango vya HTML kwenye kikuria, tena DocumentFragment inaweza kumfanya kufikia kwa uadilifu.

Ujumbe:Mwongozo wa hatua kutoka kwenye hatua ya asili kwa DocumentFragment.

Mifano

Maelezo 1

Kuongeza kiwango kwenye orodha ya kushikilia:

const fruits = ["Banana", "Orange", "Mango"];
// Kuwa kwa DocumentFragment mwingine:
const dFrag = document.createDocumentFragment();
// Kuongeza kiwango kwenye mwingine kwenye mwingine:
for (let x in fruits) {
  const li = document.createElement('li');
  li.textContent = fruits[x];
  dFrag.appendChild(li);
}
// Kuongeza mwingine kwenye orodha:
document.getElementById('myList').appendChild(dFrag);

Tenda kwa kufikia

Maelezo 2

Kuongeza kiwango kwenye orodha ya hivi karibuni:

const fruits = ["Banana", "Orange", "Mango"];
// Kuwa kwa DocumentFragment mwingine:
const dFrag = document.createDocumentFragment();
// Kuongeza kiwango kwenye mwingine kwenye mwingine:
for (let x in fruits) {
  const li = document.createElement('li');
  li.textContent = fruits[x];
  dFrag.appendChild(li);
}
// Kuongeza mwingine kwenye orodha:
document.getElementById('myList').appendChild(dFrag);

Tenda kwa kufikia

Kueleza

Inauzo

document.createDocumentFragment()

Parama

Hakuna.

Aina Kutaja
Mwongozo Mwongozo wa DocumentFragment kupotea, bila watoto.

Wakati wa mifumo wa kufungua

document.createComment() Ina ya DOM Level 1 (1998) ya kipendelee.

Wote wana wafikia kwa kila browser:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Msaada 9-11 Msaada Msaada Msaada Msaada