अगर हम किसी एचटीएमएल दस्तावेज़ में कॉन्टेंट डालना चाहते हैं, तो हमारे पास ऐसा करने के तीन तरीके हैं:
createNode
औरappendChild
जैसे DOM तरीकों का इस्तेमाल करना- दस्तावेज़ के फ़्रैगमेंट इस्तेमाल किए जा रहे हैं
innerHTML
का इस्तेमाल करना
कोई यह कह सकता है कि हमारे पास इस्तेमाल के कुछ मामलों के लिए document.write
भी है.
innerHTML
को HTML5 में स्टैंडर्ड बनाया गया है और इसके साथ भाई लाने वाला तरीका insertAdjacentHTML है, जो innerHTML
के तौर पर काम करता है. हालांकि, इसकी मदद से हम ज़्यादा खास तौर पर यह तय कर पाते हैं कि हम एचटीएमएल कॉन्टेंट कहां डालना चाहते हैं: before begin, Afterparty, beforeEnd, और Afterparty.
var ul = document.getElementById("list");
ul.insertAdjacentHTML("beforeEnd", "<li>A new li on the list.</li>");
साल 2008 में, जॉन रेज़िग ने इस नतीजे के साथ InsertAdjacentHTML के बारे में एक लेख लिखा:
अब तक, InsertAdjacentHTML की मुख्य समस्या इसमें ब्राउज़र समर्थन की कमी है. वर्शन 8 में, Firefox insertAdjacentHTML को लागू करके, यह मोबाइल ब्राउज़र सहित सभी बड़े ब्राउज़र में उपलब्ध हो जाएगा. अगर आपको इसे अभी इस्तेमाल करना है और यह पक्का करना है कि यह Firefox के 8 से पहले के वर्शन पर काम करे, तो आप इस polyfill का इस्तेमाल कर सकते हैं.