javascript - assigning variable to document.getElementById().Innerhtml not working -

नीचे दिए गए कोड देखें:

  var text = ["yuppie", "kkkoseh" , "वॉचडॉग"]; Var संदेश इंडेक्स = 0; फ़ंक्शन लूपटेक्स्ट () {var MessageElement = document.getElementById ("खुश")। InnerHTML var संदेश = टेक्स्ट [messageIndex]; MessageElement = संदेश; messageIndex ++; अगर (संदेश इंडैक्स & gt; = text.length) {messageIndex = 0; }} Window.onload = function () {setInterval (looptext, 1000); };  

यह काम नहीं करता है

लेकिन जब मैं .innerhtml को वेरिएबल MessageElement पर निकालता हूं और MessageElement.innerHtml = संदेश को सेट करता हूं, तो यह काम करता है

ऐसा क्यों है?
क्षमा करें, मैं एक नौसिखिया सीखने वाली जावास्क्रिप्ट हूँ।

क्योंकि यह कैसे वैरिएबल और वैल्यूज जावास्क्रिप्ट में काम करता है। कंटेनर की तरह चर की कल्पना करें

  var msgElement = document.getElementById ("खुश") के साथ  

कंटेनर MessageElement में स्ट्रिंग । बाद में,

  संदेशएलेमेंट = संदेश के साथ;  

आप कंटेनर में पिछले मूल्य / सामग्री को ओवरराइट करते हुए कंटेनर में बस एक नया मान डालते हैं। लेकिन इसका उस स्थान पर कोई असर नहीं होता है जहां से पिछले मूल्य से आ रहा था।

---

लेकिन जब मैं असर संदेश एलीमेंट पर .heerhtml निकाल देता हूं और MessageElement.innerHtml = संदेश सेट करता हूं, यह काम करता हैं।

टी असाइन करें चर के लिए एक नया मान (कंटेनर में कोई नया मान नहीं डालता), यह उपयोग करता है वैरिएबल (कंटेनर) का मान।