HTML DOM dl অবজেক্ট HTML <dl> এলিমেন্টের সাথে জড়িত। <dl> এলিমেন্ট ডেসক্রিপশন লিস্ট তৈরির জন্য ব্যবহৃত হয়। dl অবজেক্ট ব্যবহার করে JavaScript দিয়ে <dl> এলিমেন্ট ডাইনামিকভাবে তৈরি এবং এক্সেস করা যায়।
সিনট্যাক্স
ডেসক্রিপশন লিস্ট তৈরির সিনট্যাক্স:
var p = document.createElement("DL");উদাহরণ
dl অবজেক্টের উদাহরণ:
<!DOCTYPE html> <html> <body> <h2>Div অবজেক্ট উদাহরণ</h2> <p>নিচের বাটনে ক্লিক করে div তৈরি করুন</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>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CREATE বাটনে ক্লিক করলে:
উপরের উদাহরণে:
প্রথমে CREATE বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে createDiv() মেথড এক্সিকিউট করবে:
<button onclick="createDiv()">CREATE</button>
createDiv() মেথড createElement() মেথড ব্যবহার করে <dl>, <dt> এবং <dd> এলিমেন্ট তৈরি করে এবং সেগুলো যথাক্রমে Desc, DesT এবং data ভেরিয়েবলে অ্যাসাইন করে। তারপর createTextNode() মেথড ব্যবহার করে <dt> এবং <dd> এলিমেন্টের জন্য টেক্সট নোড তৈরি করে এবং appendChild() মেথড দিয়ে সেগুলো সংযুক্ত করে।
শেষে <dt> এলিমেন্টকে <dl>-এ এবং <dd> এলিমেন্টকে <dl>-এ অ্যাপেন্ড করা হয়েছে। <dl> এলিমেন্টটি <dt> এবং <dd> এলিমেন্টসহ ডকুমেন্ট বডিতে 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); } 