HTML DOM Summary অবজেক্ট

HTML DOM Summary অবজেক্ট একটি HTML ডকুমেন্টের <summary> এলিমেন্টকে রিপ্রেজেন্ট করে।

সামারি অবজেক্ট তৈরি করার পদ্ধতি নিচে দেখানো হলো:

সিনট্যাক্স (Syntax)

document.createElement("SUMMARY");

উদাহরণ (Example)

HTML DOM Summary অবজেক্টের একটি উদাহরণ দেখুন:

<!DOCTYPE html> 
<html> 
<head> 
<style> 
    body { 
        text-align: center; 
        background-color: #fff; 
        color: #0197F6; 
    } 
    h1 { 
        color: #23CE6B; 
    } 
    .btn { 
        background-color: #fff; 
        border: 1.5px dashed #0197F6; 
        height: 2rem; 
        border-radius: 2px; 
        width: 60%; 
        margin: 2rem auto; 
        display: block; 
        color: #0197F6; 
        outline: none; 
        cursor: pointer; 
    } 
</style> 
</head> 
<body> 
<h1>DOM summary Object Demo</h1> 
<button onclick="createSummary()" class="btn">Create a summary object</button> 
<script> 
    function createSummary() { 
        var details = document.createElement("DETAILS"); 
        var summary = document.createElement("SUMMARY"); 
        var para = document.createElement("P"); 
        var paraTxt = document.createTextNode("- I'm para element"); 
        para.appendChild(paraTxt); 
        var summaryTxt = document.createTextNode("I'm summary element"); 
        summary.appendChild(summaryTxt); 
        details.appendChild(summary); 
        details.appendChild(para); 
        document.body.appendChild(details); 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

এটি নিম্নলিখিত আউটপুট তৈরি করবে:

HTML DOM Summary অবজেক্ট

Create a summary object বাটনে ক্লিক করলে একটি সামারি অবজেক্ট তৈরি হবে:

HTML DOM Summary অবজেক্ট

দেখার জন্য ক্লিক করুন:

HTML DOM Summary অবজেক্ট