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