HTML DOM অভ্যন্তরীণ পাঠ্য সম্পত্তি

HTML DOM innerText প্রপার্টি রিটার্ন করে এবং আমাদেরকে HTML এলিমেন্টের ভিতরের টেক্সট কন্টেন্ট পরিবর্তন করার অনুমতি দেয়।

সিনট্যাক্স

নিম্নলিখিত সিনট্যাক্স −

1. অভ্যন্তরীণ পাঠ্য প্রত্যাবর্তন

object.innerText

2. অভ্যন্তরীণ পাঠ্য সেট করা

object.innerText=”text”

উদাহরণ

আসুন আমরা innerText সম্পত্তির একটি উদাহরণ দেখি -

<!DOCTYPE html>
<html>
<head>
<style>
   body{
      text-align:center;
   }
   .box{
      background-color:#347924;
      width:100px;
      padding:10px;
      text-align:center;
      font-weight:bold;
      font-size:1.5rem;
      color:white;
      margin:1rem auto;
   }
</style>
</head>
<body>
<h1>innerText property Example</h1>
<div class="box">
</div>
<button onclick="writeHi()">Write Hi</button>
<button onclick="writeHello()">Write Hello</button>
<script>
   function writeHi() {
      var outerBox = document.querySelector('.box');
      outerBox.innerText ='HI';
   }
   function writeHello() {
      var outerBox = document.querySelector('.box');
      outerBox.innerText ='HELLO';
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM অভ্যন্তরীণ পাঠ্য সম্পত্তি

“হাই লিখুন/হ্যালো লিখুন-এ ক্লিক করুন সবুজ বাক্সের ভিতরের টেক্সট পরিবর্তন করতে ” বোতাম।

HTML DOM অভ্যন্তরীণ পাঠ্য সম্পত্তি