HTML DOM Document createDocumentFragment() ဘာသာစကား

အသုံးပြုခြင်း နှင့် အပြုအရေး

createDocumentFragment() ဘာသာစကား ကို ဖန်တီးပါနိုင်သည်။

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()

အရည်အချင်း

မရှိ။

ပြန်လည်ပေးခြင်း

အမျိုးအစား ဖော်ပြ
ဂိုဏ်း ကွန်ပျူတာတွင် သတင်းပို့မှုကို တစ်ကြိမ်တည်းမြင့် သတင်းပို့မှု မရှိသေးသေးသည်。

ဘရူးပြားသူပေါင်း

document.createComment() ဒါ ဟာ DOM Level 1 (1998) အခြေအနေ ဖြစ်သည်။

所有浏览器都支持它：

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