HTML DOM DT অবজেক্টটি HTML
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি DT অবজেক্ট তৈরি করা -
var p = document.createElement("DT"); উদাহরণ
আসুন HTML DOM DT অবজেক্ট -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h2>DT object example</h2>
<p>Create a DT element inside a DL by clicking the below button</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 বাটন তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করার পরে createDT() পদ্ধতিটি কার্যকর করবে -
<button onclick="createDT()">CREATE</button>
createDT() পদ্ধতি ডকুমেন্ট অবজেক্টের createElement() পদ্ধতি ব্যবহার করে একটি
- ,
- এবং
- উপাদান তৈরি করে এবং উপাদানগুলিকে যথাক্রমে Desc, DesT এবং ডেটা ভেরিয়েবলে বরাদ্দ করে। তারপর আমরা createTextNode() পদ্ধতি ব্যবহার করে
- এবং
- উপাদানের জন্য টেক্সট নোড তৈরি করি এবং appendChild() পদ্ধতি ব্যবহার করে তাদের নিজ নিজ উপাদানে যুক্ত করি।
অবশেষে, আমরা
- এলিমেন্টকে
- এলিমেন্ট যোগ করি। তারপর
- উপাদানটি
- এবং
- উপাদানের সাথে 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); }
- এবং তারপর
