জাভাস্ক্রিপ্টে HTML কন্টেন্ট পরিবর্তন করা সম্ভব কিনা

হ্যাঁ, জাভাস্ক্রিপ্টে HTML কন্টেন্ট পরিবর্তন করা সম্ভব। সাধারণত HTML কন্টেন্ট HTML ট্যাগগুলোর (

, ইত্যাদি) ভিতরে থাকে। জাভাস্ক্রিপ্টে DOM মেথড রয়েছে যা HTML ট্যাগগুলোর এক্সেস করতে পারে। এগুলো, যেমন document.getElementById(), document.getElementsByTagName() ইত্যাদি, ট্যাগগুলো ব্যবহার করে HTML কন্টেন্ট পরিবর্তন করে।

উদাহরণ-১

নিচের উদাহরণে, ট্যাগের কন্টেন্ট জাভাস্ক্রিপ্ট 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>

উপরোক্ত কোড এক্সিকিউট করলে স্ক্রিনে নিচের ছবিটি দেখাবে।

'change' বাটনে ক্লিক করলে নিচের আউটপুটটি পাওয়া যাবে।

আউটপুট

উদাহরণ-২

নিচের উদাহরণে,

ট্যাগের কন্টেন্ট একটি জাভাস্ক্রিপ্ট 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>

কোড এক্সিকিউট করলে স্ক্রিনে নিচের ছবিটি দেখাবে।

'change' বাটনে ক্লিক করলে নিচের আউটপুটটি পাওয়া যাবে।

আউটপুট