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