HTML DOM Details অবজেক্টটি HTML
সম্পত্তি
বিস্তারিত অবজেক্ট -
এর জন্য নিম্নোক্ত সম্পত্তি| Sr. No | সম্পত্তি এবং বর্ণনা |
|---|---|
| 1 | খোলা৷ বিশদটি ব্যবহারকারীর কাছে দৃশ্যমান হবে বা না হবে কিনা সেট করতে বা ফেরত দিতে। |
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলবিশদ বস্তু তৈরি করা হচ্ছে -
var p = document.createElement("DETAILS"); উদাহরণ
আসুন HTML DOM Details অবজেক্ট -
এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h2>Details object</h2>
<p>Click the below button to create a DETAILS element about a monument</p>
<button onclick="detCreate()">CREATE</button>
<br><br>
<script>
function detCreate() {
var et = document.createElement("DETAILS");
var sum=document.createElement("SUMMARY");
var sumText=document.createTextNode("Eiffel Tower");
var txt = document.createTextNode("It is one of the most popular monument in the world");
sum.appendChild(sumText);
et.appendChild(txt);
document.body.appendChild(sum);
document.body.appendChild(et);
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
CREATE বোতামে ক্লিক করার পর এবং তারপর তীর-
-এ ক্লিক করে বিশদ বিবরণ প্রসারিত করুন
উপরের উদাহরণে -
আমরা একটি ক্রিয়েট বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করলে detCreate() ফাংশনটি কার্যকর করবে -
<button onclick="detCreate()">CREATE</button>
detCreate() ফাংশন ডকুমেন্ট অবজেক্টের createElement() মেথড ব্যবহার করে একটি
তারপরে দুটি টেক্সট নোড sumtxt এবং txt তৈরি করা হয় যা যথাক্রমে উপাদান এবং বিবরণ উপাদান নথির অংশে appendChild() পদ্ধতি ব্যবহার করে সংযুক্ত করা হয় এবং উপাদানগুলিকে পরামিতি হিসাবে যুক্ত করা হয় −
function detCreate() {
var et = document.createElement("DETAILS");
var sum=document.createElement("SUMMARY");
var sumText=document.createTextNode("Eiffel Tower");
var txt = document.createTextNode("It is one of the most popular monument in the world");
sum.appendChild(sumText);
et.appendChild(txt);
document.body.appendChild(sum);
document.body.appendChild(et);
} 