JavaScript-এ এলিমেন্টের HTML কোড নিয়ে কাজ
DOM এলিমেন্টের innerHTML বৈশিষ্ট্য রয়েছে,
যা এই এলিমেন্টগুলোর HTML কোড পড়তে দেয়।
আসুন একটি উদাহরণ দেখি। ধরা যাক
আমাদের নিম্নলিখিত ট্যাগ আছে:
<p id="elem"><b>text</b></p>
চলুন এই ট্যাগটির একটি রেফারেন্স পাই একটি ভেরিয়েবলে:
let elem = document.querySelector('#elem');
ট্যাগের HTML কোড পড়ি:
console.log(elem.innerHTML); // আউটপুট দেবে <b>text</b>
ট্যাগের টেক্সট পরিবর্তন করি:
elem.innerHTML = '<i>!!!</i>';
একটি প্যারাগ্রাফ এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে প্যারাগ্রাফের HTML কোড পড়ুন এবং এটি কনসোলে আউটপুট দিন।
একটি প্যারাগ্রাফ এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে প্যারাগ্রাফে নতুন টেক্সট লিখুন যাতে তা বোল্ড হয়।
