HTML H1 का मान JavaScript वेरिएबल में कैसे प्राप्त करें?

HTML में <h1> एलिमेंट का टेक्स्ट कंटेंट JavaScript में प्राप्त करने के लिए document.getElementById() के साथ .innerHTML या .textContent प्रॉपर्टी का उपयोग करें।

उदाहरण

मान लीजिए हमारे पास निम्न H1 हेडिंग है:

<h1 id="demo"> यह JavaScript का डेमो प्रोग्राम है ........</h1>

अब नीचे दिए गए कोड से H1 का मान प्राप्त करें:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H1 मान प्राप्त करें</title>
</head>
<body>
    <h1 id="demo"> यह JavaScript का डेमो प्रोग्राम है ........</h1>
    <script>
        // innerHTML से HTML कंटेंट सहित टेक्स्ट प्राप्त करें
        var data = document.getElementById('demo').innerHTML;
        console.log("प्राप्त डेटा: " + data);
        
        // केवल टेक्स्ट कंटेंट के लिए textContent उपयोग करें
        var textOnly = document.getElementById('demo').textContent;
        console.log("केवल टेक्स्ट: " + textOnly);
    </script>
</body>
</html>

चलाने का तरीका

फ़ाइल को index.html नाम से सेव करें, फिर VS Code में राइट-क्लिक करके "Open with Live Server" चुनें।

आउटपुट

कंसोल में निम्न आउटपुट दिखेगा:

प्राप्त डेटा:  यह JavaScript का डेमो प्रोग्राम है ........
केवल टेक्स्ट:  यह JavaScript का डेमो प्रोग्राम है ........

महत्वपूर्ण बिंदु

• innerHTML - HTML टैग्स सहित पूरा कंटेंट लौटाता है
• textContent - केवल विज़िबल टेक्स्ट लौटाता है (बेहतर प्रदर्शन)
• innerText - CSS स्टाइलिंग को ध्यान में रखता है (धीमा)