Inserting HTML elements with JavaScript -


  

नीचे दिए वाक्यविन्यास का उपयोग करते समय प्रत्येक प्रकार के विशेषताओं और घटनाओं के लिए थकाऊ ढंग से कार्यवाही की खोज करने के बजाय:

  elem = document.createElement ("div"); Elem.id = 'myID'; Elem.innerHTML = 'मेरे पाठ' document.body.insertBefore (elem, document.body.childNodes [0]);  

क्या कोई ऐसा तरीका है जहां मैं स्ट्रिंग के रूप में संपूर्ण HTML तत्व को घोषित कर सकता हूं? जैसे:

  elem = document.createElement ("& lt; div id = 'myID' & gt; मेरे पाठ & lt; / div & gt;"); document.body.insertBefore (ELEM, document.body.childNodes [0]);   innerHTML    

/ Strong> यह एक टुकड़ा बनाने के लिए बेहतर है और फिर इसे डालें:

  फ़ंक्शन बनायें (htmlStr) {var frag = document.createDocumentFragment (), temp = document.createElement ('div' ); Temp.innerHTML = htmlStr; जबकि (temp.firstChild) {frag.appendChild (temp.firstChild); } वापसी लौट; } Var fragment = create ('& lt; div & gt; नमस्कार! & Lt; / div & gt; & lt; p & gt; ... & lt; / p & gt;'); // आप टुकड़े को सम्मिलित करने के लिए देशी DOM विधियों का उपयोग कर सकते हैं: document.body.insertBefore (fragment, document.body.childNodes [0]);  

लाभ:

  1. आप सम्मिलन के लिए देशी DOM विधियों का उपयोग कर सकते हैं जैसे insertBefore, appendChild आदि।
  2. वास्तविक डाम नोड्स डालने से पहले; आप टुकड़ा के बच्चे नोड ऑब्जेक्ट तक पहुंच सकते हैं।
  3. दस्तावेज़ के टुकड़े का उपयोग करना बहुत तेज़ है; डीओएम के बाहर तत्व बनाने और आंतरिक एचटीएमएफ़ की तुलना में तेज़ी से तेजी से तत्व बनाने से तेज़।

भले ही innerHTML का उपयोग इनके भीतर किया जाता है समारोह, यह सब DOM के बाहर हो रहा है, इसलिए यह आपके विचार से बहुत तेज है ...


Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -