HTML DOM dl অবজেক্ট

HTML DOM dl অবজেক্ট HTML

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

উপাদানটি বর্ণনা তালিকা তৈরি করার জন্য। dl অবজেক্ট ব্যবহার করে আমরা জাভাস্ক্রিপ্ট ব্যবহার করে গতিশীলভাবে

উপাদান তৈরি এবং অ্যাক্সেস করতে পারি।

সিনট্যাক্স

−

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

একটি বর্ণনা তালিকা তৈরি করা হচ্ছে -

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

উদাহরণ

আসুন dl অবজেক্ট -

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

<!DOCTYPE html>
<html>
<body>
<h2>Div object example</h2>
<p>Create a div by clicking the below button</p>
<button onclick="createDiv()">CREATE</button>
<script>
   function createDiv() {
      var Desc = document.createElement("DL");
      var DesT = document.createElement("DT");
      var tn= document.createTextNode("Mango");
      DesT.appendChild(tn);
      var data = document.createElement("DD");
      var tn1 = document.createTextNode("Mango is the king of fruits");
      data.appendChild(tn1);
      document.body.appendChild(Desc);
      Desc.appendChild(DesT);
      Desc.appendChild(data);
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

HTML DOM dl অবজেক্ট

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

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

আমরা প্রথমে একটি CREATE বাটন তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে createDiv() পদ্ধতিটি কার্যকর করবে -

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

createDiv() পদ্ধতি ডকুমেন্ট অবজেক্টের createElement() পদ্ধতি ব্যবহার করে একটি

এবং

উপাদান তৈরি করে এবং উপাদানগুলিকে যথাক্রমে Desc, DesT এবং ডেটা ভেরিয়েবলে নির্ধারণ করে। তারপর আমরা createTextNode() পদ্ধতি ব্যবহার করে

এবং

উপাদানের জন্য টেক্সট নোড তৈরি করি এবং appendChild() পদ্ধতি ব্যবহার করে তাদের নিজ নিজ উপাদানে যুক্ত করি।

অবশেষে, আমরা

এলিমেন্টকে এবং তারপর এলিমেন্ট যোগ করি। তারপর উপাদানটি এবং উপাদানের সাথে appendChild() পদ্ধতি ব্যবহার করে নথির অংশে যুক্ত করা হয় - function createDiv() { var Desc = document.createElement("DL"); var DesT = document.createElement("DT"); var tn= document.createTextNode("Mango"); DesT.appendChild(tn); var data = document.createElement("DD"); var tn1 = document.createTextNode("Mango is the king of fruits"); data.appendChild(tn1); document.body.appendChild(Desc); Desc.appendChild(DesT); Desc.appendChild(data); }