HTML DOM Document createDocumentFragment() hanyar
- 上一页 createComment()
- 下一页 createElement()
- 返回上一层 HTML DOM Documents
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);
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);
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 | 支持 | 支持 | 支持 | 支持 |
- 上一页 createComment()
- 下一页 createElement()
- 返回上一层 HTML DOM Documents