HTML DOM Superscript অবজেক্ট

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

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

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

document.createElement("SUP");

উদাহরণ (Example)

সুপারস্ক্রিপ্ট অবজেক্টের একটি উদাহরণ দেখুন:

<!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 superscript Object Demo</h1> 
<button onclick="createSup()" class="btn">Create a superscript object</button> 
<script> 
    function createSup() { 
        var supElement = document.createElement("SUP"); 
        supElement.innerHTML = "This is a superscript element" 
        document.body.appendChild(supElement); 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

HTML DOM Superscript অবজেক্ট

Create a superscript object বাটনে ক্লিক করলে একটি সুপারস্ক্রিপ্ট অবজেক্ট তৈরি হবে। বাটনে ক্লিক করার পর দৃশ্যমান টেক্সট একটি সুপারস্ক্রিপ্ট টেক্সট, যা সাধারণ লাইন থেকে অর্ধেক ক্যারেক্টার উপরে দেখায়:

HTML DOM Superscript অবজেক্ট