জাভাস্ক্রিপ্ট ৷ Css পরিবর্তন করতে পারে কিছু পদ্ধতি যেমন getElementById() ব্যবহার করে উপাদানগুলির রঙ, ফন্টের আকার ইত্যাদির মতো শৈলী , getElementByClassName() ইত্যাদি।
নিম্নলিখিত উদাহরণে getElementById() ব্যবহার করে উপাদানগুলির ফন্ট শৈলী এবং ফন্টের আকার পরিবর্তিত হয়েছে পদ্ধতি।
উদাহরণ-1
নিম্নলিখিত উদাহরণে, স্টাইল কমান্ড ব্যবহার করে "style.fontSize " এবং "style.fontStyle ", প্রদত্ত পাঠ্যগুলি "35px" ফন্টের আকারে এবং ফন্ট শৈলীকে "ইতালিক" এ পরিবর্তন করা হয়েছে
<html>
<body>
<p id="size">JavaScript can change the style of an HTML element.</p>
<p id="style">JavaScript can change the style of an HTML element.</p>
<button type="button"
onclick="document.getElementById('size').style.fontSize='35px'">Size</button>
<button type="button" onclick="document.getElementById('style')
.style.fontStyle='italic'">Style</button>
</body>
</html> উপরের কোডটি কার্যকর করার পরে আমরা ব্রাউজারে নিম্নলিখিতটি পাব।
উপরের বোতামে ক্লিক করার পর প্রথম লেখাটি ভিন্নফন্ট সাইজে পরিবর্তিত হবে এবং দ্বিতীয় পাঠ্য একটি ভিন্ন ফন্ট শৈলীতে পরিবর্তিত হবে আউটপুটে দেখানো হয়েছে।
আউটপুট
উদাহরণ-2
নিম্নলিখিত উদাহরণে স্টাইল কমান্ড "style.color" ব্যবহার করে পাঠ্যের রঙ নীল হয়ে গেছে।
<html>
<body>
<p id="color">JavaScript can change the color of an HTML element.</p>
<button type="button" onclick="document.getElementById('color').
style.color='blue'">Color Me</button>
</body>
</html> উপরের কোডটি কার্যকর করার পরে আমরা ব্রাউজার উইন্ডোতে নিম্নলিখিতটি পাব।
"আমাকে রঙ দিন-এ ক্লিক করলে৷ " বোতামে প্রদত্ত পাঠ্যের রঙ 'নীল তে পরিবর্তিত হবে৷ ' আউটপুটে দেখানো হয়েছে।
আউটপুট
