textContent बनाम insideText: किसका उपयोग करें?

innerText और textContent तत्वों की पाठ्य सामग्री तक पहुंचने के लिए JavaScript में आमतौर पर उपयोग किए जाने वाले दो गुण हैं . जबकि दोनों गुण समान कार्यक्षमता साझा करते हैं, कुछ महत्वपूर्ण अंतर हैं जो प्रत्येक के लिए उपयुक्त उपयोग के मामले को निर्धारित करते हैं। इसमें किसी भी छुपे हुए तत्व या 'कोई नहीं' पर सेट प्रदर्शन शैलियों वाले तत्वों को शामिल नहीं किया गया है। इसके लिए 'हैलो' लौटाऊंगा element.

textContent

दूसरी ओर, textContent, दृश्यता या प्रदर्शन शैलियों की परवाह किए बिना, पूर्ण पाठ सामग्री लौटाता है। उपर्युक्त उदाहरण में, टेक्स्टकंटेंट 'हैलो वर्ल्ड' लौटाएगा।

मुख्य अंतर:

Hello 

मानक अनुपालन:

प्रदर्शन:

स्कोप: इनरटेक्स्ट है केवल HTMLElement ऑब्जेक्ट के लिए उपलब्ध है, जबकि textContent का उपयोग सभी नोड के साथ किया जा सकता है ऑब्जेक्ट्स।

• उपयोग संबंधी विचार:
ऐसे मामलों के लिए जहां आप केवल दृश्यमान टेक्स्ट तक पहुंच चाहते हैं, इनरटेक्स्ट एक अधिक कुशल विकल्प हो सकता है। हालाँकि, यदि आपको संपूर्ण पाठ्य सामग्री पुनः प्राप्त करने की आवश्यकता है, तो पृष्ठ पर क्लिक करें, textContent पसंदीदा संपत्ति है।
• प्रदान किए गए उदाहरण में:
var log$ = document.getElementsByClassName('logo' )[0]; लोगो$.textContent = "उदाहरण";
• लोगो तत्व की पाठ्य सामग्री को अद्यतन करने के लिए आप textContent का उपयोग कर सकते हैं। यह किसी भी मौजूदा टेक्स्ट को "उदाहरण" से बदल देगा।