HTML DOM createTextNode() मेथड

HTML DOM createTextNode() मेथड का उपयोग निर्दिष्ट टेक्स्ट के साथ एक टेक्स्ट नोड बनाने के लिए किया जाता है।

उदाहरण (Example)

createTextNode() मेथड का एक उदाहरण:

<!DOCTYPE html> <html> <body> <h2>createTextNode() example</h2> <p>कुछ टेक्स्ट के साथ p एलिमेंट बनाने के लिए नीचे दिए गए बटन पर क्लिक करें।</p> <button onclick="createText()">CREATE</button> <script> function createText() { var x = document.createElement("P"); var p = document.createTextNode("This is a sample paragraph created with createTextNode()"); x.appendChild(p); document.body.appendChild(x); } </script> </body> </html>

आउटपुट (Output)

इससे निम्नलिखित आउटपुट प्राप्त होगा:

HTML DOM createTextNode() मेथड

CREATE बटन पर क्लिक करने पर:

HTML DOM createTextNode() मेथड

उपरोक्त उदाहरण में:

हमने एक CREATE बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर createText() फंक्शन को एक्जीक्यूट करेगा:

<button onclick="createText()">CREATE</button>

createText() मेथड डॉक्यूमेंट ऑब्जेक्ट के createElement() मेथड का उपयोग करके <p> एलिमेंट बनाता है और इसे वेरिएबल x में असाइन करता है। फिर हम createTextNode() का उपयोग करके कुछ टेक्स्ट के साथ एक टेक्स्ट नोड बनाते हैं और इसे वेरिएबल p में असाइन करते हैं।

फिर हम appendChild() मेथड का उपयोग करके टेक्स्ट नोड को <p> एलिमेंट में जोड़ते हैं। अंत में <p> एलिमेंट को टेक्स्ट नोड के साथ document.body appendChild() मेथड का उपयोग करके डॉक्यूमेंट में जोड़ा जाता है:

function createText() { var x = document.createElement("P"); var p = document.createTextNode("This is a sample paragraph created with createTextNode()"); x.appendChild(p); document.body.appendChild(x); }