জাভাস্ক্রিপ্টে অ্যাট্রিবিউট নিয়ে কাজ করার সময় ব্যতিক্রম
অ্যাট্রিবিউট নিয়ে কাজ করার সময় একটি ব্যতিক্রম রয়েছে
- সেটি হল class অ্যাট্রিবিউট।
এই শব্দটি জাভাস্ক্রিপ্টে একটি বিশেষ শব্দ
এবং তাই আমরা শুধু elem.class লিখতে পারি না,
class অ্যাট্রিবিউটের মান পড়তে।
এর পরিবর্তে elem.className লিখতে হবে।
আসুন একটি উদাহরণ দেখি। আমাদের কাছে নিম্নলিখিত ইনপুট দেওয়া আছে:
<input id="elem" class="aaa bbb">
আসুন আমাদের ইনপুটের class অ্যাট্রিবিউটের মান
আউটপুট করি:
let elem = document.querySelector('#elem');
console.log(elem.className); // আউটপুট হবে 'aaa bbb'
অন্যান্য ব্যতিক্রমও রয়েছে, উদাহরণস্বরূপ,
for অ্যাট্রিবিউট। এটিকে অ্যাক্সেস করা উচিত
htmlFor এর মাধ্যমে।
একটি div দেওয়া আছে:
<div id="elem" class="content no-gap"></div>
একটি বাটনও দেওয়া আছে। বাটনে ক্লিক করে আমাদের
div এর class অ্যাট্রিবিউটের মান পড়ুন
এবং স্ক্রিনে আউটপুট করুন।
একটি div দেওয়া আছে:
<div id="elem"></div>
একটি বাটনও দেওয়া আছে। বাটনে ক্লিক করে আমাদের
div এর class অ্যাট্রিবিউটে কোনও ক্লাস লিখুন।
একটি div দেওয়া আছে একাধিক CSS ক্লাস সহ, স্পেস দ্বারা বিচ্ছিন্ন:
<div id="elem" class="aaa bbb ccc"></div>
একটি বাটনও দেওয়া আছে। বাটনে ক্লিক করে আমাদের div এর CSS ক্লাসগুলির একটি অ্যারে পান।
