HTML DOM createTextNode () विधि का उपयोग निर्दिष्ट टेक्स्ट के साथ टेक्स्ट नोड बनाने के लिए किया जाता है।
उदाहरण
आइए createTextNode() विधि के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h2>createTextNode() example</h2>
<p>Click the below button to create a p element with some text.</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> आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
क्रिएट बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने एक बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर createText() फ़ंक्शन को निष्पादित करेगा -
<button onclick="createText()">CREATE</button>
createText() विधि दस्तावेज़ ऑब्जेक्ट की createElement() विधि का उपयोग करके
तत्व बनाता है और इसे वेरिएबल x को असाइन करता है। फिर हम कुछ टेक्स्ट के साथ createTextNode () का उपयोग करके एक टेक्स्ट नोड बनाते हैं और इसे वेरिएबल 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);
}