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