এইচটিএমএল ডোম summary অবজেক্ট
summary অবজেক্ট
summary অবজেক্ট এইচটিএমএল ৫-এ নতুন।
summary অবজেক্ট একটি এইচটিএমএল এলিমেন্টে <summary> ট্যাগ কে প্রতিনিধিত্ব করে
নোট: <summary> এলিমেন্ট বর্তমানে শুধুমাত্র ক্রোম , সাফারি ৬+ এবং অপেরা ১৫+ ব্রাউজার গুলোতেই সাপোর্ট করে।
Summary অবজেক্ট তৈরি
document.createElement() মেথড দ্বারা আপনি একটি <summary> এলিমেন্ট তৈরি করতে পারবেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<button onclick="myFunc()">ক্লিক করুন</button>
<script>
function myFunc() {
var a = document.createElement("details");
document.body.appendChild(a);
var b = document.createElement("summary");
var txt1 = document.createTextNode("স্যাট একাডেমী");
b.appendChild(txt1);
var c = document.createElement("P");
var txt2 = document.createTextNode(" - বাংলাদেশের বৃহত্তম অনলাইন/অফলাইন ফ্রী আইটি একাডেমী।");
c.appendChild(txt2);
a.appendChild(b);
a.appendChild(c);
}
</script>
</body>
</html>ফলাফল
summary অবজেক্ট এক্সেস
getElementById() দ্বারা আপনি <summary> এলিমেন্টকে এক্সেস করতে পারবেন:
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<details>
<summary id="satt">স্যাট একাডেমী</summary>
<p>বাংলাদেশের বৃহত্তম অনলাইন/অফলাইন ফ্রী আইটি একাডেমী।</p>
</details>
<button onclick="myFunc()">ক্লিক করুন</button>
<p id="test"></p>
<script>
function myFunc() {
var a = document.getElementById("satt").innerHTML;
document.getElementById("test").innerHTML = a;
}
</script>
</body>
</html>ফলাফল
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |