HTML DOM DFN অবজেক্ট HTML উপাদানের সাথে যুক্ত। উপাদানের ভিতরের পাঠ্যটি আশেপাশের প্রসঙ্গে সংজ্ঞায়িত করা হচ্ছে। DFN অবজেক্ট উপাদান
প্রতিনিধিত্ব করেসিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি DFN অবজেক্ট তৈরি করা হচ্ছে -
var p = document.createElement("DFN");
উদাহরণ
আসুন HTML DOM DFN অবজেক্ট -
-এর একটি উদাহরণ দেখি<!DOCTYPE html> <html> <body> <h2>DFN object example</h2> <p>Click the below button to create a dfn element with some text inside it.</p> <button onclick="dfnCreate()">CREATE</button> <br><br> <script> function dfnCreate() { var x = document.createElement("DFN"); var t = document.createTextNode("The defination element"); x.appendChild(t); document.body.appendChild(x); } </script> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্রিয়েট বোতামে ক্লিক করলে -
আমরা প্রথমে একটি CREATE বাটন তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে dfnCreate() ফাংশনটি কার্যকর করবে -
<button onclick="dfnCreate()">CREATE</button>
dfnCreate() পদ্ধতি ডকুমেন্ট অবজেক্টের createElement() পদ্ধতি ব্যবহার করে একটি উপাদান তৈরি করে। এটি তারপর createTextNode() পদ্ধতি ব্যবহার করে একটি পাঠ্য নোড তৈরি করে। পাঠ্য নোডটি তারপরে উপাদানের সাথে একটি শিশু হিসাবে যুক্ত করা হয়। অবশেষে টেক্সট নোডের সাথে উপাদানটি appendChild() পদ্ধতি ব্যবহার করে ডকুমেন্ট বডির চাইল্ড হিসাবে যুক্ত করা হয় -
function dfnCreate() { var x = document.createElement("DFN"); var t = document.createTextNode("The definition element"); x.appendChild(t); document.body.appendChild(x); }