HTML DOM createTextNode() মেথড

HTML DOM createTextNode() মেথড নির্দিষ্ট টেক্সটসহ একটি টেক্সট নোড তৈরি করতে ব্যবহৃত হয়।

উদাহরণ

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>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে -

CREATE বাটনে ক্লিক করলে -

উপরের উদাহরণে -

আমরা একটি CREATE বাটন তৈরি করেছি যা ইউজার ক্লিক করলে createText() ফাংশন এক্সিকিউট করবে -

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

createText() মেথড ডকুমেন্ট অবজেক্টের createElement() মেথড ব্যবহার করে <p> এলিমেন্ট তৈরি করে এবং ভেরিয়েবল x-এ অ্যাসাইন করে। তারপর createTextNode() ব্যবহার করে কিছু টেক্সটসহ একটি টেক্সট নোড তৈরি করে এবং ভেরিয়েবল p-এ অ্যাসাইন করে।

তারপর আমরা টেক্সট নোডটি <p> এলিমেন্টে appendChild() মেথড ব্যবহার করে অ্যাপেন্ড করি। অবশেষে <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); }