classList বৈশিষ্ট্য

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

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

সিনট্যাক্স

javascriptelement.classList;

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

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

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

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

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

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

javascript3

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

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

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

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

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

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

javascript'www'
'ggg'
'zzz'

আরও দেখুন