सादा जावास्क्रिप्ट का उपयोग करके एक div तत्व से पाठ सामग्री प्राप्त करना

"मूल्य" संपत्ति का उपयोग करके एक div के भीतर पाठ को पुनः प्राप्त करने के आपके प्रयास में , आपको एक समस्या का सामना करना पड़ा जहां "अपरिभाषित" लौटाया गया था। शुद्ध जावास्क्रिप्ट का उपयोग करके पाठ सामग्री को सफलतापूर्वक निकालने के लिए, आप निम्नलिखित दृष्टिकोण का उपयोग कर सकते हैं:

"मूल्य" संपत्ति का उपयोग मुख्य रूप से इनपुट तत्वों के साथ किया जाता है, div तत्वों के साथ नहीं। किसी div की पाठ्य सामग्री तक पहुँचने के लिए, आपको या तो "innerHTML" या "textContent" गुणों का लाभ उठाना चाहिए।

"innerHTML" गुण का उपयोग करना:

function test() {
  var t = document.getElementById('superman').innerHTML;
  alert(t);
}

यह दृष्टिकोण किसी भी HTML टैग सहित div के भीतर संपूर्ण सामग्री को पुनः प्राप्त करता है। हालाँकि, यदि आपके div में केवल पाठ है, तो यह विधि उपयुक्त है।

वैकल्पिक रूप से, "textContent" संपत्ति का उपयोग करने पर विचार करें:

function test() {
  var t = document.getElementById('superman').textContent;
  alert(t);
}

"टेक्स्टकंटेंट" प्रॉपर्टी किसी भी HTML टैग को छोड़कर, div के भीतर विशेष रूप से टेक्स्ट सामग्री लौटाती है। यह विकल्प विशेष रूप से उन divs से निपटने में उपयोगी होता है जिनमें मिश्रित सामग्री हो सकती है।

उदाहरण के लिए, निम्नलिखित HTML पर विचार करें:

  Some sample text.

"innerHTML" प्रॉपर्टी का उपयोग करने पर निम्नलिखित वापस आएगा:

var node = document.getElementById('test');

htmlContent = node.innerHTML;
// htmlContent = "Some sample text."

हालाँकि, "textContent" प्रॉपर्टी का उपयोग करने से प्राप्त होगा:

textContent = node.textContent;
// textContent = "Some sample text."

[innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element /innerHTML)