కోర్సు సిఫారసులు:

HTML DOM Document createDocumentFragment() మార్గం

offscreen నోడ్ ను ఉపయోగించి కొత్త డాక్యుమెంట్ లోకి జోడించబడే నూతన డాక్యుమెంట్ ఫ్రాగ్మెంట్ ని నిర్మించవచ్చు. నిర్వచనం మరియు ఉపయోగం

ఈ మార్గం డాక్యుమెంట్ నోడ్ సృష్టిస్తుంది.

offscreen నోడ్ ను ఉపయోగించి కొత్త డాక్యుమెంట్ లోకి జోడించబడే నూతన డాక్యుమెంట్ ఫ్రాగ్మెంట్ ని నిర్మించవచ్చు. createDocumentFragment()

ఈ మార్గం డాక్యుమెంట్ యొక్క కొంతమైన విషయాలను తీసుకుని, మార్చి, జోడించి లేదా తొలగించి మరియు డాక్యుమెంట్ లోకి తిరిగి పెట్టడానికి కూడా ఉపయోగించబడవచ్చు.

సలహా

మీరు వర్తమానంలో చుట్టూ ఎలిమెంట్స్ చేర్చడానికి విడుదలకరించడానికి డాక్యుమెంట్ ఫ్రాగ్మెంట్ కూడా పనికి వచ్చుతుంది. మీరు ఫ్రాగ్మెంట్ ను ప్రస్తుతం ప్రయోగించడానికి సిద్ధం చేసిన తర్వాత మాత్రమే నిర్దిష్టం చేయబడుతుంది కాబట్టి ఫ్రాగ్మెంట్ ను జోడించడానికి ఒకేసారి మాత్రమే పునర్వ్యవస్థీకరణ మరియు రీడింగ్ అవసరం ఉంటుంది.

మున్నటి ప్రత్యాహారం:డాక్యుమెంట్ నోడ్ అనేకం స్పందనకు జోడించబడితే మొదటి డాక్యుమెంట్ నుండి తొలగించబడుతుంది.

ఉదాహరణ

ఉదాహరణ 1

ఖాళీ జాబితాకు ఎలిమెంట్ జోడించండి:

const fruits = ["Banana", "Orange", "Mango"];
// డాక్యుమెంట్ స్పందనం సృష్టించండి:
const dFrag = document.createDocumentFragment();
// li ఎలిమెంట్ ను స్పందనకు జోడించండి:
for (let x in fruits) {
  const li = document.createElement('li');
  li.textContent = fruits[x];
  dFrag.appendChild(li);
}
// స్పందనం ను జాబితాకు జోడించండి:
document.getElementById('myList').appendChild(dFrag);

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

ఎక్సిస్టింగ్ జాబితాకు ఎలిమెంట్ జోడించండి:

const fruits = ["Banana", "Orange", "Mango"];
// డాక్యుమెంట్ స్పందనం సృష్టించండి:
const dFrag = document.createDocumentFragment();
// li ఎలిమెంట్ ను స్పందనకు జోడించండి:
for (let x in fruits) {
  const li = document.createElement('li');
  li.textContent = fruits[x];
  dFrag.appendChild(li);
}
// స్పందనం ను జాబితాకు జోడించండి:
document.getElementById('myList').appendChild(dFrag);

స్వయంగా ప్రయత్నించండి

సింతాక్రమం

document.createDocumentFragment()

పారామితులు

లేదు.

పునఃతిరిగి లభించే విలువ

రకం వివరణ
నోడ్ కొత్తగా సృష్టించబడిన DocumentFragment నోడ్, కుమారులు లేవు.

బ్రౌజర్ మద్దతు

document.createComment() ఇది DOM లెవల్ 1 (1998) లక్షణం.

所有浏览器都支持它：

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