classList বৈশিষ্ট্য

classList বৈশিষ্ট্যটিতে একটি উপাদানের CSS ক্লাসগুলির সিউডোঅ্যারে রয়েছে, এবং এছাড়াও উপাদানের ক্লাস যোগ করা এবং মুছে ফেলা, উপাদানের ক্লাসগুলির মধ্যে একটি নির্দিষ্ট ক্লাসের উপস্থিতি পরীক্ষা করতে অনুমতি দেয়।

এখানে class অ্যাট্রিবিউটের কথা বলা হচ্ছে, যার ভিতরে একটি স্পেস দিয়ে বেশ কয়েকটি ক্লাস লেখা যায়, উদাহরণস্বরূপ www ggg zzz। classList ব্যবহার করে, উদাহরণস্বরূপ, ggg ক্লাসটি মুছে ফেলা সম্ভব, অন্য ক্লাসগুলোকে প্রভাবিত না করেই।

সিনট্যাক্স

element.classList;

উদাহরণ . ক্লাসের সংখ্যা

একটি উপাদানের ক্লাসের সংখ্যা জেনে নেওয়া যাক:

<p id="elem" class="www ggg zzz"></p>

let elem = document.querySelector('#elem');

let length = elem.classList.length;
console.log(length);

কোড 실행ের ফলাফল:

3

উদাহরণ . ক্লাসগুলোকে Iterate করা

উপাদানের ক্লাসগুলোকে একে একে আউটপুট করা যাক:

<p id="elem" class="www ggg zzz"></p>

let elem = document.querySelector('#elem');
let classNames = elem.classList;

for (let className of classNames) {
	console.log(className);
}

কোড 실행ের ফলাফল:

'www'
'ggg'
'zzz'

আরও দেখুন

classList.add মেথড,
যেটি একটি নির্দিষ্ট ক্লাস যোগ করে
classList.remove মেথড,
যেটি একটি নির্দিষ্ট ক্লাস মুছে দেয়
classList.contains মেথড,
যেটি একটি নির্দিষ্ট ক্লাস পরীক্ষা করে
classList.toggle মেথড,
যেটি একটি নির্দিষ্ট ক্লাস টগল করে