HTML DOM innerText প্রপার্টি একটি HTML এলিমেন্টের অভ্যন্তরীণ টেক্সট কন্টেন্ট রিটার্ন করে এবং পরিবর্তন করতে দেয়।
সিনট্যাক্স
ইনার টেক্সট পাওয়ার জন্য:
object.innerText
ইনার টেক্সট সেট করার জন্য:
object.innerText = "text"
উদাহরণ
<!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>
আউটপুট
নিচের আউটপুটটি দেখাবে:
"Write Hi/Write Hello" বাটনে ক্লিক করলে সবুজ বক্সের ইনার টেক্সট পরিবর্তন হবে।
