হ্যাঁ, জাভাস্ক্রিপ্টে HTML এর বিষয়বস্তু পরিবর্তন করা সম্ভব। সাধারণত HTML বিষয়বস্তু HTML ট্যাগে থাকবে যেমন
, ইত্যাদি। জাভাস্ক্রিপ্টে, আমাদের আছে DOM পদ্ধতি যে এইচটিএমএল ট্যাগ অ্যাক্সেস করার ক্ষমতা আছে. এই পদ্ধতিগুলি, যেমন document.getElementById(), document.getElementByTagName(), ইত্যাদি, HTML বিষয়বস্তু পরিবর্তন করতে ট্যাগ ব্যবহার করে৷
উদাহরণ-1
নিম্নলিখিত উদাহরণে, স্প্যান ট্যাগের বিষয়বস্তু একটি জাভাস্ক্রিপ্ট DOM পদ্ধতি document.getElementById() ব্যবহার করে পরিবর্তন করা হয়েছে .
<html>
<body>
<span id="change">Is javaScript is java.</span>
<input type = "button" value = "change"
onclick='document.getElementById("change").innerHTML = "No JavaScript is not java!"'>
</body>
</html> উপরের কোডটি কার্যকর হয়ে গেলে, আমরা স্ক্রিনে নিম্নলিখিতটি পাব
আমরা উপরের 'পরিবর্তন' বোতামে ক্লিক করলে আমরা আউটপুট হিসাবে নিম্নলিখিতগুলি পাব
আউটপুট
উদাহরণ-2
নিম্নলিখিত উদাহরণে, একটি জাভাস্ক্রিপ্ট DOM পদ্ধতি ব্যবহার করে অনুচ্ছেদ ট্যাগের বিষয়বস্তু পরিবর্তন করা হয়েছে।
<html>
<body>
<p id="change">Elon musk has failed 3 times</p>
<input type = "button" value = "change"
onclick='document.getElementById("change").innerHTML = "Elon musk has succeded in his fourth attempt"'>
</body>
</html> উপরের কোডটি কার্যকর হয়ে গেলে, আমরা স্ক্রিনে নিম্নলিখিতটি পাব
আমরা উপরের 'পরিবর্তন' বোতামে ক্লিক করলে আমরা আউটপুট হিসাবে নিম্নলিখিতগুলি পাব
আউটপুট
