วัตถุ DHTML ของ IE มีคุณสมบัติที่สามารถอ่านและเขียนได้สี่ประการเพื่อจัดการเนื้อหาขององค์ประกอบของหน้าแบบไดนามิก: InnerText, OutsideText, InnerHTML, OutsideHTML
ควรสังเกตสองจุด:
1. ค่าของคุณสมบัติ InnerText และ OutsideText จะถูกนำเสนอเป็นข้อความธรรมดา แม้ว่าจะมีแท็ก HTML แต่ก็จะแสดงตามความเป็นจริง ในขณะที่ InnerHTML และ OutsideHTML นำเสนอข้อความที่แยกวิเคราะห์โดยกลไก HTML ซึ่งสามารถสะท้อนถึงผลกระทบด้านประสิทธิภาพของแท็ก HTML ในแอตทริบิวต์
2. การกำหนดค่าให้กับแอตทริบิวต์ด้านนอกและ HTML ภายนอกของวัตถุ (นั่นคือการดำเนินการเขียน) จะเป็นการลบวัตถุ
การดำเนินการกำหนดของแอตทริบิวต์ทั้งสี่ข้างต้นจะแทนที่เนื้อหาข้อความของวัตถุต้นฉบับเท่านั้น หากคุณต้องการเพิ่มเนื้อหาข้อความใหม่ในตำแหน่งที่เกี่ยวข้องขององค์ประกอบที่ระบุในหน้า คุณต้องใช้วิธี insertAdjacentHTML และ insertAdjacentText แบบฟอร์มมีดังนี้:
object.insertAdjacentText(sWhere, sText)
object.insertAdjacentHTML(sWhere, sText)
ในบรรดาค่าเหล่านี้ sWhere แสดงถึงตำแหน่งของข้อความที่แทรกโดยสัมพันธ์กับแท็ก html โดยมีค่าที่ตั้งไว้ล่วงหน้าสี่ค่าต่อไปนี้:
beforeBegin, afterBegin, beforeEnd และ afterEnd
โปรดใส่ใจกับประเด็นต่อไปนี้เมื่อใช้งาน:
1. ต้องใช้ทั้งสองวิธีนี้หลังจากโหลดเอกสารทั้งหมดแล้ว ไม่เช่นนั้นจะเกิดข้อผิดพลาดขึ้น
2. InsertAdjacentText สามารถแทรกได้เฉพาะข้อความธรรมดา และ InsertAdjacentHTML สามารถแทรกข้อความในรูปแบบ html
3 ได้ เมื่อใช้ InsertAdjacentHTML เพื่อแทรกสคริปต์ คุณต้องใช้แอตทริบิวต์ defer ในองค์ประกอบสคริปต์ มิฉะนั้นข้อผิดพลาดรันไทม์จะเกิดขึ้นระหว่างการเรียกใช้สคริปต์
4 หลังจากที่ InsertAdjacentHTML แทรกองค์ประกอบ html แล้ว คอลเลกชันองค์ประกอบที่เป็นไปได้ทั้งหมดจะได้รับการอัปเดตโดยอัตโนมัติเพื่อแสดงการเปลี่ยนแปลงแบบไดนามิก ตัวอย่างเช่น แอตทริบิวต์ sourceIndex ขององค์ประกอบที่ตามมาบนเพจจะเปลี่ยนไป
5. วิธีการนี้อาจทำให้เกิดข้อผิดพลาดรันไทม์เมื่อกำหนดแอตทริบิวต์ InsertHTML/outerHTML ให้กับแท็ก HTML ที่ไม่ถูกต้อง ตัวอย่างเช่น รหัสต่อไปนี้จะทำให้เกิดข้อผิดพลาด:
นอกจากนี้ จะต้องคำนึงถึงรายละเอียดต่อไปนี้เมื่อใช้งานเนื้อหาเพจแบบไดนามิก:
1. เฉพาะเนื้อหาที่แสดงในเอกสาร BODY เท่านั้นที่สามารถเปลี่ยนแปลงแบบไดนามิกโดยคุณสมบัติและวิธีการข้างต้น เนื้อหาของวัตถุ BODY สามารถจัดการแบบไดนามิกได้ แต่ไม่สามารถแทนที่วัตถุ BODY ได้
2. คุณลักษณะและวิธีการข้างต้นไม่สามารถดำเนินการกับแท็กว่างได้ (แท็ก html ที่ไม่มีเนื้อหา) เช่น อินพุตและ img
3. สำหรับวัตถุตาราง เฉพาะวัตถุ td (innerHTML/innerText) และตาราง (outerHMTL/outerText) เท่านั้นที่สามารถใช้คุณลักษณะบางอย่างเพื่อแทนที่หรือแทรกเนื้อหาได้ วัตถุตารางอื่นๆ เช่น tr และ tbody ไม่สามารถใช้คุณลักษณะเหล่านี้เพื่อเปลี่ยนแปลงเนื้อหาได้