HTML DOM Option text প্রপার্টি

HTML DOM option text প্রপার্টি একটি HTML ডকুমেন্টে অপশনের টেক্সট ফেরত দেয় এবং পরিবর্তন করে।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

১. টেক্সট ফেরত দেওয়া

object.text

২. টেক্সট পরিবর্তন করা

object.text = "text"

উদাহরণ

HTML DOM option text প্রপার্টির একটি উদাহরণ দেখুন:

<!DOCTYPE html> <html> <head> <style> 
  html{   height:100%; }
  body{   text-align:center;   color:#fff;   background: radial-gradient( circle farthest-corner at 23.1% 64.6%, rgba(129,125,254,1) 0%, rgba(111,167,254,1) 90% ) no-repeat;   height:100%; }
  p{   font-weight:700;   font-size:1.1rem; }
  .drop-down{   display:block;   width:35%;   border:2px solid #fff;   font-weight:bold;   padding:2px;   margin:1rem auto;   outline:none; }
  .btn{   background:orange;   border:none;   height:2rem;   border-radius:2px;   width:35%;   margin:2rem auto;   display:block;   color:#fff;   font-weight:bold;   outline:none;   cursor:pointer; }
  .show{   font-size:1.5rem;   font-weight:bold; } 
</style> </head> <body> 
<h1>DOM Option text Property Demo</h1> 
<p>Hi, Select your favourite subject −</p> 
<select class='drop-down'> 
<option>Physics</option> 
<option>Biology</option> 
<option>Maths</option> 
</select> 
<button type="button" onclick="changePhysicsName()" class="btn">Change Physics Subject Name</button> 
<div class="show"></div> 
<script> 
  function changePhysicsName() { 
    document.querySelector(".drop-down").options[0].text="Applied Physics"; 
    document.querySelector(".show").innerHTML="Now Physics become Applied Physics"; 
  } 
</script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML DOM Option text প্রপার্টি

"Change Physics Subject Name" বাটনে ক্লিক করলে physics অপশনের টেক্সট পরিবর্তন হবে।

HTML DOM Option text প্রপার্টি