HTML DOM Document createDocumentFragment() hanyar

ba'a bayyana da amfani

createDocumentFragment() hanyar kuma za a iya amfani dashi domin kafa offscreen karni.

offscreen karni za a iya amfani dashi domin gina fassara fassara na kara kara fassara zuwa kowace fassara.

createDocumentFragment() hanyar kuma za a iya amfani dashi don yin tsarewar kwarin fassara, samar da watsi ko kara fassara kwarin da aka watsi, kuma a kara kwarin zuwa fassara.

sabon

tushen

idannan kamar yadda ake kawo fassara HTML karni zuwa fassara a cikin kula, amma kiyashe da ake gina (offscreen) fassara fassara, kuma a kara fassara zuwa DOM na gaski a lokacin da ake samun fassara. saboda ake kara fassara fassara bayan ake samun fassara, za a kai kai wani rarrabe da wani fassara.

rarrabe:karnin da aka kara fassara zuwa fassara fassara za a kawo cikin fassara farko na fassara.

matafi

tari 1

suna kara fassara karni zuwa rafi da koyaushe:

const fruits = ["Banana", "Orange", "Mango"];
// suna kafa fassara fassara:
const dFrag = document.createDocumentFragment();
// suna kara fassara karnin li zuwa fassara:
for (let x in fruits) {
  const li = document.createElement('li');
  li.textContent = fruits[x];
  dFrag.appendChild(li);
}
// suna kara fassara karnin zuwa rafi:
document.getElementById('myList').appendChild(dFrag);

dake samu ne

tari 2

suna kara fassara karni zuwa rafi da ya bar:

const fruits = ["Banana", "Orange", "Mango"];
// suna kafa fassara fassara:
const dFrag = document.createDocumentFragment();
// suna kara fassara karnin li zuwa fassara:
for (let x in fruits) {
  const li = document.createElement('li');
  li.textContent = fruits[x];
  dFrag.appendChild(li);
}
// suna kara fassara karnin zuwa rafi:
document.getElementById('myList').appendChild(dFrag);

dake samu ne

kalama

document.createDocumentFragment()

matafi

koyaushe.

matudai

inauwa ba'a bayyana
karni karnin DocumentFragment a ke kafin wanda aka kafa, kuma ba a da kwayoyi na yarima ba.

tasiya da ke gaski

document.createComment() a ce gaski DOM Level 1 (1998) gaski.

所有浏览器都支持它:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持