HTML DOM DD অবজেক্ট

এইচটিএমএল ডম ডিডি অবজেক্টটি এইচটিএমএল ডকুমেন্টে

উপাদানের সাথে যুক্ত।

সিনট্যাক্স

−

-এর সিনট্যাক্স নিচে দেওয়া হল

একটি ডিডি অবজেক্ট তৈরি করা হচ্ছে -

var p = document.createElement("DD");

উদাহরণ

আসুন HTML DOM DD অবজেক্ট -

-এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<body>
<h2>dd object example</h2>
<p>Click the button below to create a dd element with some text in it</p>
<button onclick="create_dd()">CREATE</button><br><br>
<dl id="DL1">
<dt>Mango</dt>
</dl>
<script>
   function create_dd() {
      var d = document.createElement("DD");
      var txt = document.createTextNode("Mango is called the king of fruits.");
      d.appendChild(txt);
      var ele= document.getElementById("DL1");
      ele.appendChild(d);
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM DD অবজেক্ট

ক্রিয়েট বোতামে ক্লিক করলে -

HTML DOM DD অবজেক্ট

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

আমরা "DL1" আইডি সহ একটি সংজ্ঞা তালিকা তৈরি করেছি। এটির ভিতরে একটি

উপাদান রয়েছে - <dl id="DL1"> <dt>Mango</dt> </dl> তারপরে আমরা একটি ক্রিয়েট বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে create_dd() পদ্ধতিটি কার্যকর করবে - <button onclick="create_dd()">CREATE</button><br><br> create_dd() মেথড ডকুমেন্ট অবজেক্টে createElement() মেথড ব্যবহার করে একটি

এলিমেন্ট তৈরি করে এবং ভেরিয়েবল d-এ বরাদ্দ করে। এটি তারপর createTextNode() পদ্ধতি ব্যবহার করে একটি পাঠ্য নোড তৈরি করে এবং এটি পরিবর্তনশীল txt-এ বরাদ্দ করে। তারপর appendChild() পদ্ধতি ব্যবহার করে

উপাদানের চাইল্ড হিসেবে টেক্সট নোড যুক্ত করা হয়।

টেক্সট নোডের সাথে

উপাদানটিকে আবার appendChild() পদ্ধতি-

ব্যবহার করে সংজ্ঞা তালিকার চাইল্ড হিসাবে যুক্ত করা হয়।

function create_dd() {
   var d = document.createElement("DD");
   var txt = document.createTextNode("Mango is called the king of fruits.");
   d.appendChild(txt);
   var ele= document.getElementById("DL1");
   ele.appendChild(d);
}