ตัวอย่าง
สร้างโหนด documentFragment และผนวกเด็กมัน (a list item) จากนั้นเปลี่ยนค่าโหนดรายการและใส่เป็นเด็กสุดท้ายของรายการ:
var d = document.createDocumentFragment();
d.appendChild(document.getElementsByTagName("LI")[0]);
d.childNodes[0].childNodes[0].nodeValue = "Milk";
document.getElementsByTagName("UL")[0].appendChild(d);ผลที่จะได้รับ:
ก่อนที่การเปลี่ยนแปลง:
- Coffee
- Tea
หลังจากการเปลี่ยนแปลง:
- Tea
- Milk
ลองตัวเอง» ความหมายและการใช้งาน
createDocumentFragment() วิธีการสร้างวัตถุโหนดจินตนาการกับคุณสมบัติและวิธีการของวัตถุโหนด
createDocumentFragment() วิธีการจะเป็นประโยชน์เมื่อคุณต้องการที่จะดึงบางส่วนของเอกสารของคุณเปลี่ยนแปลงเพิ่มหรือลบบางส่วนของเนื้อหาและใส่มันกลับไปที่เอกสารของคุณ
นอกจากนี้คุณยังสามารถใช้วัตถุเอกสารของเอกสารการดำเนินการเปลี่ยนแปลงเหล่านี้ แต่เพื่อป้องกันการทำลายโครงสร้างของเอกสารก็สามารถจะมีความปลอดภัยในการสกัดเพียงบางส่วนของเอกสารทำการเปลี่ยนแปลงและใส่ส่วนหนึ่งกลับไปที่เอกสาร
หมายเหตุ: โหนดถูกผนวกเข้ากับส่วนเอกสารจากเอกสารจะถูกลบออกจากเอกสาร
สนับสนุนเบราว์เซอร์
| วิธี | |||||
|---|---|---|---|---|---|
| createDocumentFragment() | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
document. createDocumentFragment()
พารามิเตอร์
| ไม่มี |
รายละเอียดทางเทคนิค
| กลับค่า: | วัตถุ DocumentFragment แทนที่โหนด DocumentFragment สร้าง |
|---|---|
| DOM รุ่น | ระดับแกนวัตถุ 1 เอกสาร |