HTML DOM DFN অবজেক্ট

HTML DOM DFN অবজেক্ট HTML <dfn> এলিমেন্টের সাথে সম্পর্কিত। <dfn> এলিমেন্টের ভিতরের টেক্সটটি সারাউন্ডিং কনটেক্সটে সংজ্ঞায়িত হয়। DFN অবজেক্ট <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>

আউটপুট

নিচের আউটপুট তৈরি হবে:

HTML DOM DFN অবজেক্ট

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

HTML DOM DFN অবজেক্ট

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

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

dfnCreate() মেথড document অবজেক্টের createElement() মেথড ব্যবহার করে <dfn> এলিমেন্ট তৈরি করে। তারপর createTextNode() মেথড ব্যবহার করে একটি টেক্সট নোড তৈরি করে। টেক্সট নোডটি <dfn> এলিমেন্টের চাইল্ড হিসেবে অ্যাপেন্ড করা হয়। অবশেষে <dfn> এলিমেন্ট টেক্সট নোডসহ document body-র চাইল্ড হিসেবে অ্যাপেন্ড করা হয় appendChild() মেথড ব্যবহার করে:

function dfnCreate() { 
  var x = document.createElement("DFN"); 
  var t = document.createTextNode("The definition element"); 
  x.appendChild(t); 
  document.body.appendChild(x); 
}