HTML DOM Subscript অবজেক্ট

পরিচয়

HTML DOM Subscript অবজেক্ট একটি HTML ডকুমেন্টের <sub> এলিমেন্টকে প্রতিনিধিত্ব করে।

সিনট্যাক্স

Subscript অবজেক্ট তৈরি করা:

document.createElement("SUB");

উদাহরণ

নিচে HTML DOM Subscript অবজেক্টের একটি উদাহরণ দেওয়া হলো:

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

আউটপুট

উপরের কোড নিচের আউটপুটটি উত্পন্ন করবে:

HTML DOM Subscript অবজেক্ট

"Create a subscript object" বাটনে ক্লিক করলে সাবস্ক্রিপ্ট অবজেক্ট তৈরি হবে। বাটন ক্লিক করার পর দেখা যাবে টেক্সটটি সাবস্ক্রিপ্ট হিসেবে দেখাচ্ছে, যা স্বাভাবিক লাইন থেকে অর্ধেক ক্যারেক্টার নিচে থাকে:

HTML DOM Subscript অবজেক্ট